Свойство Columns отображает различное количество столбцов в зависимости от дочерних элементов ⇐ CSS

[Anonymous]

Я использую свойство CSS columns для отображения элементов списка в макете из 4 столбцов. Однако количество отображаемых столбцов меняется в зависимости от количества дочерних элементов [*].

Код: Выделить всё

ul {
columns: 4;
list-style-type: none;
padding: 0;
margin: 0;
}

li {
margin: 0;
}

Код: Выделить всё

With 9 items (Displays 3 columns)
[list]
Item 1
[*]Item 2
[*]Item 3
[*]Item 4
[*]Item 5
[*]Item 6
[*]Item 7
[*]Item 8
[*]Item 9
[/list]

With 8 items (Displays 4 columns)
[list]
[*]Item 1
[*]Item 2
[*]Item 3
[*]Item 4
[*]Item 5
[*]Item 6
[*]Item 7
[*]Item 8
[/list]

Ожидается:
Столбцы Правило : 4 должно гарантировать, что всегда отображает 4 столбца, независимо от количества элементов .
Факт:
При 9 элементах отображает 3 столбца, а при 8 элементах — 4 столбца. Похоже, что браузер корректирует количество столбцов в зависимости от содержимого, а не поддерживает согласованный макет из 4 столбцов, как ожидалось.
Альтернативы
Я знаю Я могу использовать сетку CSS, но я хочу, чтобы список был разбит в алфавитном порядке по вертикали (и, AFAIK, это невозможно при использовании сетки CSS).

Есть ли способ сохранить количество столбцов равным 4 независимо от количества элементов списка?

Подробнее здесь: https://stackoverflow.com/questions/791 ... d-elements