这应该是一个非常简单的,但就是无法让它工作。我有一个数据库,假设有 20 个项目。我正在使用 php 来回显每个项目。我的代码是:
echo "<li> <a class='bodylinks' href='http://domain.co.uk/fish/$txt2/'>$txt</a> </li>";
我的问题是我的页面只有 14 个项目的高度,但我有备用宽度。当另一列的高度达到最大值时,如何让它向右移动以创建新列?希望这是有道理的。
目前它只显示到 14 个项目,然后因为我overflow:hidden
包含 DIV 它切断了其余部分。
你可以使用浮点数
试试这个,它将从 LTR(默认方向)水平打印出您的列表项,然后垂直下降到下一行。
<li style="display:inline;"> contents </li>
或者,让你的循环计数 14 行,然后在第 14 行,关闭你的 UL/OL 标签并创建一个新的标签,如下所示:
<ul style="display:block; float:left;">
<?php
for($i = 0; $i = count($results); $i++) {
$txt = $results['txt']; // or however you do
$txt2 = $results['txt2']; // or however you do
if($i > 0 && $i % 14 == 0) echo '</ul><ul style="display:block; float:left;">';
echo "<li> <a class='bodylinks' href='http://domain.co.uk/fish/$txt2/'>$txt</a> </li>";
?>
</ul>