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

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

Простой
Как пофиксить визуальный глитч с border-radius и transparent + blur?
- 1 подписчик
- 26 сент.
- 91 просмотр
2

ответа
CSS

Простой
CSS3 как выбрать последние 4 элемента?
- 1 подписчик
- 25 сент.
- 140 просмотров
2

ответа
HTML

+1 ещё

Простой
От какой технической характеристики компьютера зависит скорость работы сайта, указанного ниже?
- 1 подписчик
- 24 сент.
- 322 просмотра
1

ответ
CSS

Простой
Как заставить css-variables перевычисляться?
- 1 подписчик
- 23 сент.
- 133 просмотра
1

ответ
HTML

+1 ещё

Простой
Как убрать линии у бейджиков в Markdown?
- 1 подписчик
- 23 сент.
- 146 просмотров
1

ответ
JavaScript

+2 ещё

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

ответ
HTML

+1 ещё

Средний
Как правильно сочетать теги article, section и заголовки h1-h6?
- 2 подписчика
- 21 сент.
- 188 просмотров
2

ответа
PHP

+1 ещё

Простой
Можно ли писать функции в текст?
- 1 подписчик
- 19 сент.
- 428 просмотров
2

ответа
CSS

Простой
Как в CSS писать стили исходя из ширины себя как @container?
- 2 подписчика
- 18 сент.
- 145 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как подключить библиотеку?
- 1 подписчик
- 13 сент.
- 598 просмотров
3

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

FullStack-разработчик

FunFlow • Москва

от 80 000 до 120 000 ₽

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

ДАЛЕЕ • Москва

от 150 000 ₽

Fullstack-разработчик (Yii2, Vue.js, PostgreSQL)

OneLink

от 150 000 до 190 000 ₽

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

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

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

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

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

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

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

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