Question

以下元素来自数据库表。

<div id="some_content">
  <a href="#">Data1</a><br>
  <a href="#">Data2</a><br>
  <a href="#">Data3</a><br>
  <a href="#">Data4</a><br>
  <a href="#">Data5</a><br>
</div>

可能存在超过50个元素的情况，如果发生这种情况，我不希望我的页面窗口溢出（并滚动）。

我只想要两列。

它应该自动将行数调整为一列/两列。

每当有超过10个元素时，我想在网页中有两列。现在可以有n个a个元素。

如果有50，那么它应该在每列中自动调整25，如果是30，则每次调整15。

Answer 1

这只是简单的数学......做类似的事情：

$number_of_columns = count($items) > 10 ? 2 : 1; // If more then 10, 2 columns
$number_of_items_per_column = floor($items / $number_of_columns); // Floor is needed because the result can be a fraction

while( $item = mysqli_fetch_array( ... ) ) {
    if( $i === $number_of_items_per_column ) {
        echo '</div><div>'; // close column and open new one
    }
    echo $item; // yeah not exactly like this, but you get the point
    $i++;
}

如何自动将div分为两部分

1 个答案: