0

例如

第一栏:苹果杏鳄梨香蕉

第二栏:Boysenberries Blueberries Carrot Cherry

第三栏:哈密瓜克莱门汀黄瓜枣

这是 12 个条目,但随着列表的增长,列中的条目将更新,因此三列中的每一列都有偶数,按照它们在 CP 中的顺序

例如,如果有 16 个条目,则列将是

第一栏: 苹果 杏 鳄梨 香蕉 波森莓

第二栏:蓝莓胡萝卜樱桃哈密瓜克莱门汀

第三栏:黄瓜枣接骨木果

4

1 回答 1

3

你为什么不直接用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>
  

于 2019-05-16T08:22:49.657 回答