Столбца сверху вниз, слева направо и автоматическая настройка ширины ⇐ CSS

[Anonymous]

У меня есть этот код: < /p>

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

.flex #left {
min-height: 230px;
}

#files {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 10px;
position: relative;
user-select: none;
width: 100%;
}

#files li {
flex: 1;
max-width: 250px;
min-width: 200px;
width: 100%;
}< /code>


[list]
[*]1
[*]2
[*]3
...
[/list]

Итак, отображаются слева направо, затем сверху вниз, но я хотел бы, чтобы они были отображались сверху вниз, затем слева направо. Это должно быть на 4 столбцах максимум, и что имеет фиксированную высоту, например, 400px , с вертикальной половой прокручиванием, которая появляется при необходимости в соответствии с количеством li .
Ширина

Подробнее здесь: https://stackoverflow.com/questions/790 ... adjustment