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

Question

Overlord934 @Overlord934

HTML
CSS

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

Вопрос задан более двух лет назад
98 просмотров

6 комментариев

Подписаться 1 Простой 6 комментариев

Ankhena @Ankhena Куратор тега CSS

grid, masonry
немножко отступов

Что именно у вас не получилось?

Написано более двух лет назад
Overlord934 @Overlord934 Автор вопроса

Ankhena, думал как расположить такое на гридах, но ничего не придумал. Картинки разной высоты и ширины.

Написано более двух лет назад
Ankhena @Ankhena Куратор тега CSS

Overlord934, так и задать колонки разной ширины. В чем проблема-то?
Или найти наименьшее общее кратное и сделать одинаковыми.

Написано более двух лет назад
imko @imko

Нужно именно эти именно так расположить или общий паттерн задать чтоб туда другие грузить?

Написано более двух лет назад
Overlord934 @Overlord934 Автор вопроса

imko, общий паттерн

Написано более двух лет назад
imko @imko

Overlord934, тогда грустная ситуация, были бы хоть отступы между элементами одинаковые, тогда можно было бы просто уложиться в какой-нибудь masonry плагин

Написано более двух лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

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

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

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

CSS

Простой
Как адаптивно верстать рванные блоки?
- 1 подписчик
- 14 часов назад
- 250 просмотров
1

ответ
JavaScript

+3 ещё

Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
- 1 подписчик
- вчера
- 64 просмотра
1

ответ
HTML

+1 ещё

Простой
Как скрыть предпросмотр ссылки в преднабранном тексте Telegram (?=text...)?
- 1 подписчик
- вчера
- 68 просмотров
2

ответа
CSS

Простой
Как сделать полноценную обводку у clip-path?
- 2 подписчика
- 19 авг.
- 150 просмотров
0

ответов
HTML

+3 ещё

Простой
Как отменить инвертирование текста в yandex почте в dark mode?
- 2 подписчика
- 19 авг.
- 161 просмотр
0

ответов
HTML

+1 ещё

Простой
Как сделать картинку для отображения в почтовых клиентах?
- 1 подписчик
- 14 авг.
- 164 просмотра
2

ответа
CSS

Простой
Не могу понять как прижать изображения к правому краю?
- 1 подписчик
- 11 авг.
- 149 просмотров
0

ответов
CSS

+1 ещё

Простой
Помощь на сайте с CSS с галереей и превью?
- нет подписчиков
- 09 авг.
- 190 просмотров
1

ответ
HTML

+1 ещё

Простой
Как сверстать подобный блок?
- 1 подписчик
- 08 авг.
- 813 просмотров
1

ответ
CSS

Простой
Как такие вещи верстаются?
- 1 подписчик
- 07 авг.
- 2381 просмотр
3

ответа
Показать ещё Загружается…

Frontend-разработчик (Vanilla JS, jQuery)

Karma8

от 150 000 до 320 000 ₽

Frontend разработчик на React

SkillsRock • Таганрог

от 60 000 до 90 000 ₽

Специалист по техническому сопровождению клиентов (2 линия)

FoodSoul • Калининград

от 60 000 ₽

grid, masonry
немножко отступов

Что именно у вас не получилось?
Ankhena, думал как расположить такое на гридах, но ничего не придумал. Картинки разной высоты и ширины.
Overlord934, так и задать колонки разной ширины. В чем проблема-то?
Или найти наименьшее общее кратное и сделать одинаковыми.
Нужно именно эти именно так расположить или общий паттерн задать чтоб туда другие грузить?
Overlord934, тогда грустная ситуация, были бы хоть отступы между элементами одинаковые, тогда можно было бы просто уложиться в какой-нибудь masonry плагин

Answer 1 · 2023-07-22 17:02:51

Masonry.JS
А в нативном CSS никак. Только ждать, пока grid снабдят плиточной сеткой (или отдельно от грида забацают)

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

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

Минуточку внимания

Войдите на сайт