使用 twig，如何创建等长的条目名称列？答案

【问题标题】：Using twig, how can I create equal length columns of entry names?使用 twig，如何创建等长的条目名称列？
【发布时间】：2019-10-03 10:38:09
【问题描述】：

例如

第一栏：苹果杏鳄梨香蕉

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

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

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

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

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

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

第三栏：黄瓜枣接骨木果鸡蛋果

【问题讨论】：

标签： symfony twig octobercms craftcms

【解决方案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>

【讨论】：