Задать вопрос
Touch2me
@Touch2me
QA в Raketa.travel

Как сделать сетку аля Pinterest с горизонтальным расположением элементов?

Добрый день. Суть в том, что нужно сделать сетку аля пинтерест, чтобы элементы подтягивались по высоте. В инете нашёл решение через использование column, но у всех этих решений есть один минус который я пока никак не смог поборот, а именно то, что элементы вставляемые в HTML располагаются не справа-налево, а друг под другом.

То есть не так:
1 2 3
4
а примерно вот так:
1 4
2
3

Есть ли какой-то способ решить эту проблему, желательно без JS.
  • Вопрос задан
  • 838 просмотров
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
Через columns.

На Pinterest как раз через js и сделано
Ответ написан
Комментировать
Sanasol
@Sanasol
нельзя просто так взять и загуглить ошибку
masonry называется сетка а-ля пинтерест
Ответ написан
Комментировать
bugo_aneo
@bugo_aneo
Верстальщик по жизни, буддист, кофеман
попробуйте column-count на родителя, а детям - инлайн-блок. Так такая "масонри" и делается.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы