Используя веточку, как я могу создать столбцы имен записей одинаковой длины?

Question

Например,

Колонка первая: яблоки Абрикосы Avocados Bananas

Колонка вторая: Boysenberries Черника Морковь Вишня

Колонка третья: Канталиновые огурцы канталупа Финики

Thisдля 12 записей, но по мере роста списка записи в столбцах будут обновляться, поэтому в каждом из трех столбцов будет четное число в том порядке, в котором они находятся в CP

Например, если было 16 записей,столбцы будут

Колонка первая: яблоки Абрикосы Avocados Bananas Boysenberries

Колонка вторая: Черника Морковь Вишня Канталупа Клементина

Колонка третья: Огурцы Финики Бузина Баклажан

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>