Список отображения в нескольких столбцах и сохранить количество элементов на столбец равным, когда их высота различны [д ⇐ Html

[Anonymous]

Мне просто нужно иметь неупорядоченный список, отображаемый в 3 столбцах, но без вертикального выравнивания. < /p>
Есть ли способ удалить разрыв между элементом списка №. 2 и нет. 5 В этом примере? И я не знаю высот элемента, поэтому мне не нужно решение с фиксированными значениями пикселей.

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

1 3 5
2 4
< /code>


ul {
list-style-type: none;
padding: 0;
color: white;
text-align:center;
}

.small {
height: 30px
}

.large {
height: 200px
}

li {
background:red;
}

li:nth-child(2n) {
background:blue;
}

ul {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}< /code>
[list]
[*]1
[*]2
[*]3
[*]4
[*]5
[/list]

желаемый результат:


Подробнее здесь: https://stackoverflow.com/questions/795 ... lumn-equal