簡體   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