Question

这应该是一个非常简单的，但是无法让它发挥作用。我有一个数据库，可以说20项。我使用PHP来回显每个项目。我的代码是：

echo "<li> <a class='bodylinks' href='http://domain.co.uk/fish/$txt2/'>$txt</a> </li>";

我的问题是我的页面只有14个项目的高度，但是我有多余的宽度。当高度在另一列上最大化时，如何让它向右移动创建一个新列？希望这是有道理的。

目前它只显示到14项，然后因为我在包含DIV上有overflow:hidden它会关闭休息。

Answer 1

你可以使用花车

试试这个，它会从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>

如何使用列表创建新列

1 个答案: