Column count друг под другом?

Question

[WebDev]

Подскажите, пожалуйста, как работает css column правила.
У меня товары по 4 штуки в ряд. Следующий товар ставится под предыдущий, а мне нужно чтобы ставился после (горизонтально). Как можно это организовать?

.container-grip-4 {
            -moz-column-gap: 10px;
            -webkit-column-gap: 10px;
            column-gap: 10px;

            -moz-column-count: 4;
            -webkit-column-count: 4;
            column-count: 4;
        }

Answer 1

[iBird Rose]

а зачем тебе тогда column-count? используй к примеру inline-block с шириной 25%

Comments

[WebDev]

Они разной высоты. Мне нужно, чтоб они прилипали друг к другу.

[Виктор Янышев]

WebDev, flex тогда

[WebDev]

Виктор Янышев, А как с помощью flex сделать чтобы блоки разной высоты прилипали друг к другу снизу?

Answer 2

[snap44]

column для текста, а не для сеток. Используйте флоат/инлайн-блок/флексы.

Answer 3

[Виктор Янышев]

css.yoksel.ru/flexbox это раз,а по потом для сбора мозаики the-echoplex.net/flexyboxes