[英]Split 1 Loop Into 2 Column in PHP
Use modulo to conditionally split your elements into two different groups: 使用取模有条件地将您的元素分为两个不同的组:
<?php
for ($i = 0; $i < 10; $i++) {
if ($i % 2 == 0) {
echo "<div class='left'>$i</div>";
} else {
echo "<div class='right'>$i</div>";
}
}
?>
And then use CSS to float
the columns next to each other: 然后使用CSS使列彼此相邻float
:
.left {
float: left;
}
.right {
float: right;
}
.left, .right {
width: 50%;
}
With the help of for
loop, increasing by 2. This also reduce the number of iteration. 在for
循环的帮助下,增加2。这也减少了迭代次数。
PHP 的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: CSS:
td {
border: 2px solid #000;
}
Print it out simply in PHP: 简单地在PHP中将其打印出来:
<div class="grid">
<?php
foreach($tables as $table){
echo "<div>".$table."</div>";
}
?>
</div>
Yields: 产量:
<div class="grid">
<div>Table Code</div>
<div>Table Code</div>
<div>Table Code</div>
<div>Table Code</div>
</div>
Then style with CSS Grid: 然后使用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.