-1

这应该是一个非常简单的,但只是不能让它工作。我有一个数据库,可以说 20 个项目。我正在使用 php 来回显每个项目。我的代码是:

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

我的问题是我的页面只有 14 个项目的高度,但是我有备用宽度。当另一列的高度达到最大值时,如何让它向右移动以创建一个新列?希望这是有道理的。

目前它只显示到第 14 项,然后因为我overflow:hidden在包含 DIV 上它切断了其余部分。

4

1 回答 1

0

你可以使用花车

试试这个,它会从 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>
于 2012-05-04T00:14:36.440 回答