Question

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循环

Answer 1

试试这个名为Columnizer

的jQuery插件

将所有代码放入像<div id="list">这样的块中，然后使用此函数对所有内容进行列化

$('#list').columnize({ columns: 3 });

Answer 2

<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。

如何使用php或jquery创建两列或三列列表

2 个答案: