1

HTML

<ul><h2>More useful stuff...</h2>
<li><a href="#">category 1</a></li>
<li><a href="#">category 2</a></li>
<li><a href="#">category 3</a></li>
<li><a href="#">category 4</a></li>
<li><a href="#">category 5</a></li>
<li><a href="#">category 6</a></li>
<li><a href="#">category 7</a></li>
<li><a href="#">category 8</a></li>
<li><a href="#">category 9</a></li>
<li><a href="#">category 10</a></li>
<li><a href="#">category 11</a></li>
<li><a href="#">category 12</a></li>
<li><a href="#">category 13</a></li>
<li><a href="#">category 14</a></li>
<li><a href="#">category 15</a></li>
<li><a href="#">category 16</a></li>
<li><a href="#">category 17</a></li>
<li><a href="#">category 18</a></li>
<li><a href="#">category 19</a></li>
<li><a href="#">category 20</a></li>
<li><a href="#">category 21</a></li>
<li><a href="#">category 22</a></li>
<li><a href="#">category 23</a></li>
<li><a href="#">category 24</a></li>        
</ul>

ここにリストがあります。私の質問は、php または jquery を使用して、そのリストを 2 列または 3 列に自動的に分割するにはどうすればよいかということです

PHP で for ループを使用する方法がわかりません

4

2 に答える 2

1

Columnizerと呼ばれるこの jQuery プラグインを試してください

そのコードをすべて a のようなブロックに入れ、<div id="list">この関数を使用してすべてのコンテンツを列化するだけです

$('#list').columnize({ columns: 3 });
于 2012-11-01T23:21:31.507 に答える
0 
<ul><h2>More useful stuff...</h2>       
    <?php
        for($i = 0; $i < 21;$i++)
        {
            if($i % 7 == 0)
            {
                echo "</ul>";
                echo "<ul style='float:left;'>";
            }
            echo "<li><a href='#'>category " . $i . "</a></li>";
        }
    ?>
</ul>

ほら、相棒。執拗に述べたように、最良の方法は CSS です。

于 2012-11-01T23:33:01.210 に答える