Znalazłe takie rozwiązanie tylko nie wiem jak go wykorzystać w wyżej podanym kodzie ?
<?php
$data = array(1
,2
,3
,4
,5
,6
,7
,8
,9
,10
,11
,12
);
$break_after = 5;
$counter = 0;
$totalNumber = count($data); foreach ($data as $item)
{
if ($counter % $break_after == 0)
{
}
echo '<li>'.$item.'</li>';
if ($counter % $break_after == ($break_after-1) || $counter == $totalNumber-1) {
}
++$counter;
}
Faktycznie w zupełności column-count poradził sobie nawet przy nieparzystych li
.ul-podkategorie{
padding: 15px!important;
-webkit-column-count: 3;
-moz-column-count: 3;
-ms-column-count: 3;
-o-column-count: 3;column-count: 3;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
-ms-column-gap: 30px;
-o-column-gap: 30px;
column-gap: 30px;
}
ul.ul-podkategorie li {
-webkit-column-break-inside: avoid;
column-break-inside: avoid;
page-break-inside: avoid;
}