Question

例如

第一栏：苹果杏鳄梨香蕉

第二栏：波森莓蓝莓胡萝卜樱桃

第三栏：哈密瓜柑桔黄瓜日期

这是针对12个条目的，但是随着列表的增加，列中的条目将更新，因此，三列中的每个列中的偶数均按它们在CP中的顺序排列

例如，如果有16个条目，列将是

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

第二栏：蓝莓胡萝卜樱桃哈密瓜柑桔

第三栏：黄瓜日期接骨木浆果蛋奶

Answer 1

您为什么不只使用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>

使用细枝，如何创建等长的条目名称列？

1 个答案: