CSS столбцы с левым и правым потоком
Позволять'говорят, у меня естьdiv
который будет содержать набор элементов (div), которые могут иметь разную высоту, но все они будут иметь одинаковую ширину.
Мы достигли этого в настоящее время с помощью isotope + masonry, но так как некоторые браузеры уже поддерживают многостолбцовые CSS3, я надеялся, что для этих браузеров будет доступно решение только с CSS, а в остальном я остановлюсь на Javascript.
Это CSS ямы пытались:
.div-of-boxes {
-webkit-column-count: 3;
-webkit-column-gap: 10px;
-moz-column-count: 3;
-moz-column-gap: 10px;
column-count: 3;
column-gap: 10px;
}
Тем не менее, это делает поток элементов сверху вниз слева направо. Я'вместо этого я хотел бы поток слева направо. Это пример того, что ямне нравится:
1 2 3
4 5 6
7 8 9
Но вот что я получаю:
1 4 7
2 5 8
3 6 9
ВОбтекание многостолбцовых элементов слева направо, а затем сверху что-то подобное спрашивают, но яЯ не удовлетворен ответом, и он выигралРабота с элементами разной высоты. Это возможно вообще с колонками CSS, или это ограничение?