php - 对于第4和第5个元素，将此类应用于HTML

提取的第一行和第二行将具有“案例研究-大”类（宽度为50％）。第二，第三和第四级将进行“案例研究”类（33％的宽度），然后再返回两个大型类，依此类推...

为此，我使用以下逻辑运行一个for循环：

    <?php
       $casesize = "case-card";
       for ($counter = 1; $counter < 100; $counter++ ) {
           if ($counter % 2 == 0) {
                $casesize = "case-card--large";
         }
       }
    ?>

但是，我所有的div都使用的是“大尺寸卡片”样式（宽度为50％）？如果我将代码调整为以下内容：

    <?php
       for ($counter = 1; $counter < 100; $counter++ ) {
           if ($counter % 2 == 0) {
               $casesize = "case-card--large";
         } else {
               $casesize = "case-card";
           }
       }
    ?>

现在所有的div都具有“ case-card”样式吗？不确定为什么会这样？

我希望它看起来像以下内容：

   | Large | Large |
|Small | Small | Small |
   | Large | Large |
         ...

HTML和CSS：

.wrapper {
  font-size: initial;
  margin-top: 20%;
}

.case-card--large {
  width: 50%;
  float: right;
  border: 1px solid blue;
}

.case-card {
  text-align: center;
  padding: 40px;
  width: calc(100% / 3);
  display: inline-block;
  float: left;
  height: 393px;
  border: 1px solid red;
}

<div class="<?php echo $casesize;?>" ?>
  <div class="wrapper">
  <p>Dummy text</p>
  </div>
</div>

最佳答案

您正在修改循环中的值，因此如果要再次测试，则必须放回它：

<?php
    for ($counter = 1; $counter < 100; $counter++ ) {
        $casesize = "case-card";
        if ($counter % 2 == 0) {
            $casesize = "case-card--large";
        }
        // Do something with casesize
    }
?>

关于php - 对于第4和第5个元素，将此类应用于HTML，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51496818/