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, или это ограничение?

Ответы на вопрос(3)

Ваш ответ на вопрос