繁体   English   中英

在PHP中将1循环拆分为2列

[英]Split 1 Loop Into 2 Column in PHP

我使用foreach循环制作了表格,看起来像这样

在此处输入图片说明

我如何将其分成两列,如下所示:

在此处输入图片说明

使用取有条件地将您的元素分为两个不同的组:

<?php
for ($i = 0; $i < 10; $i++) {
    if ($i % 2 == 0) {
        echo "<div class='left'>$i</div>";
    } else {
        echo "<div class='right'>$i</div>";
    }
}
?>

然后使用CSS使列彼此相邻float

.left {
  float: left;
}
.right {
  float: right;
}
.left, .right {
  width: 50%;
}

for循环的帮助下,增加2。这也减少了迭代次数。

的PHP

$arr = range(1, 10);
echo '<table>';
for ($i = 0; $i < count($arr); $i += 2)
{
    echo '<tr>';
    echo "<td>{$arr[$i]}</td>";
    echo "<td>{$arr[$i + 1]}</td>";
    echo '</tr>';
}
echo '</table>';

CSS:

td {
    border: 2px solid #000;
}

简单地在PHP中将其打印出来:

<div class="grid">
<?php
    foreach($tables as $table){
        echo "<div>".$table."</div>";
    }
?>
</div>

产量:

<div class="grid">
    <div>Table Code</div>
    <div>Table Code</div>
    <div>Table Code</div>
    <div>Table Code</div>
</div>

然后使用CSS Grid设置样式:

 .grid{ display: grid; grid-template-columns: 1fr 1fr; } .grid > div{ border: blue 3px dashed; padding: 25px; } 
 <div class="grid"> <div>Table Code</div> <div>Table Code</div> <div>Table Code</div> <div>Table Code</div> </div> 

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM