-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 に答える