Задать вопрос
@IvanIF
css

Как сверстать сетку фотографий в CSS?

У меня есть блок родителя, дочерние элементы которого могут быть разной высоты. Как сверстать такую конструкцию? Т.е. дочерний блоки обтекают друг друга.

602be6ef5854a144979147.jpeg
  • Вопрос задан
  • 195 просмотров
Комментировать
Подписаться 2 Простой Комментировать
Решения вопроса 2
MrDecoy
@MrDecoy Куратор тега CSS
Верставший фронтендер
https://masonry.desandro.com/

Ну а вот подробная статья что можно получить сегодня другими методами (без js)
https://habr.com/ru/post/526008/
Ответ написан
2 комментария
2 комментария
y0u
@y0u
dev
Идеального решения на CSS сейчас нет. Есть вот такая штука https://drafts.csswg.org/css-grid-3/, но она ещё на стадии черновика.
Единственный выход - это использовать JS.
Вадим оставил ссылку https://qna.habr.com/answer?answer_id=1878769#answ...
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Дизайн личного кабинета (клиентская часть)
23 апр. 2024, в 22:37
500 руб./в час
Ещё заказы