php - 如何使用 php 或 jquery 制作两列或三列列表

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 插件

只需将所有这些代码放入一个 block 中，如 <div id="list">并使用此功能对所有内容进行分栏

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