Хороший стиль для сортировки карт случайного размера

Я хочу реализовать на нашем сайте такой стиль, как Google Plus для новостных лент. Можете ли вы сказать мне, как называется этот стиль, или посоветуйте мне какой-нибудь другой красивый стиль?

Мне нужно отсортировать много карт случайного размера с ленивой загрузкой. В первую очередь я хочу стиль, как на картинке ниже.

введите описание изображения здесь

Я не совсем понимаю, о чем вы спрашиваете, но что бы вы ни делали, начните с одинакового расстояния между всеми квадратами. :)

Ответы (1)

В общем это называется Масонство в веб-дизайне. И это делается с помощью комбинации каскадных таблиц стилей (CSS) и javascript.

Я дал ссылку на один такой скрипт выше (вероятно, самый популярный), однако есть и другие...

Вот статья Sitepoint о каменной кладке.... Понимание макетов каменной кладки

Masonry — это сетка, основанная на столбцах. В отличие от других макетов сетки, здесь нет строк с фиксированной высотой. По сути, макет Masonry оптимизирует использование пространства внутри веб-страницы, уменьшая ненужные пробелы. Без этого типа макета требуются определенные ограничения для сохранения структуры макета.

На самом деле, благодаря столбцам CSS, вам больше не нужна часть JS. Дополнительная информация о хитростях CSS . Пример — Spark-страница Codepen здесь . Конечно, отложенная загрузка по-прежнему требует использования JS.
Хороший стиль для сортировки карт случайного размера
СпросиСетьПолитика конфиденциальности1y, 0v