例如
第一栏:苹果杏鳄梨香蕉
第二栏:Boysenberries Blueberries Carrot Cherry
第三栏:哈密瓜克莱门汀黄瓜枣
这是 12 个条目,但随着列表的增长,列中的条目将更新,因此三列中的每一列都有偶数,按照它们在 CP 中的顺序
例如,如果有 16 个条目,则列将是
第一栏: 苹果 杏 鳄梨 香蕉 波森莓
第二栏:蓝莓胡萝卜樱桃哈密瓜克莱门汀
第三栏:黄瓜枣接骨木果
例如
第一栏:苹果杏鳄梨香蕉
第二栏:Boysenberries Blueberries Carrot Cherry
第三栏:哈密瓜克莱门汀黄瓜枣
这是 12 个条目,但随着列表的增长,列中的条目将更新,因此三列中的每一列都有偶数,按照它们在 CP 中的顺序
例如,如果有 16 个条目,则列将是
第一栏: 苹果 杏 鳄梨 香蕉 波森莓
第二栏:蓝莓胡萝卜樱桃哈密瓜克莱门汀
第三栏:黄瓜枣接骨木果
你为什么不直接用CSS
这个?ul
有风格columns
ul {
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;
}
<ul>
<li>alpha</li>
<li>beta</li>
<li>charlie</li>
<li>delta</li>
<li>echo</li>
<li>foxtrot</li>
<li>golf</li>
<li>hotel</li>
<li>india</li>
<li>james</li>
<li>kilo</li>
<li>limo</li>
<li>mama</li>
<li>november</li>
<li>papa</li>
</ul>
<hr />
<ul>
<li>alpha</li>
<li>beta</li>
<li>charlie</li>
<li>delta</li>
<li>echo</li>
<li>foxtrot</li>
<li>golf</li>
<li>hotel</li>
<li>india</li>
<li>james</li>
<li>kilo</li>
<li>limo</li>
<li>mama</li>
<li>november</li>
<li>papa</li>
<li>alpha</li>
<li>beta</li>
<li>charlie</li>
<li>delta</li>
<li>echo</li>
<li>foxtrot</li>
<li>golf</li>
<li>hotel</li>
<li>india</li>
<li>james</li>
<li>kilo</li>
<li>limo</li>
<li>mama</li>
<li>november</li>
<li>papa</li>
</ul>