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

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 ещё

Простой
Как прижать элемент div class bl вниз Boostrap 5?
- 1 подписчик
- вчера
- 69 просмотров
1

ответ
HTML

+2 ещё

Простой
Почему не срабатывает скролл?
- 1 подписчик
- 18 апр.
- 161 просмотр
1

ответ
CSS

Средний
Как повторить бордер?
- 1 подписчик
- 18 апр.
- 168 просмотров
1

ответ
CSS

Простой
Как правильно работать с background?
- 1 подписчик
- 18 апр.
- 123 просмотра
3

ответа
HTML

Простой
Как запрос POST при отправке формы на e-mail превращается в GET и что сделать, чтобы этого не было?
- 1 подписчик
- 17 апр.
- 85 просмотров
1

ответ
HTML

+4 ещё

Средний
Какие принципы нужно соблюдать при разработке фреймворков по типу Bootstrap/Tabler, UIKit и прочих?
- 1 подписчик
- 17 апр.
- 146 просмотров
3

ответа
HTML

+1 ещё

Простой
Как сделать соединение точек на сайте линиями?
- 3 подписчика
- 15 апр.
- 237 просмотров
1

ответ
CSS

Простой
Как изменить цвета текста, который поверх картинки?
- 1 подписчик
- 15 апр.
- 101 просмотр
1

ответ
HTML

+1 ещё

Простой
Как для рассылки сделать аналог flex-direction + justify-content?
- 1 подписчик
- 15 апр.
- 86 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как переопределить rem для Shadow DOM?
- 1 подписчик
- 14 апр.
- 127 просмотров
1

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

Специалист технической поддержки

Teachbase • Красноярск

До 55 000 ₽

Senior Frontend (JavaScript) разработчик

Vital Partners

от 350 000 до 400 000 ₽

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

AMarkets • Москва

от 2 000 $

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

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

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

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

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

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

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

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