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 回答