Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
ravshan selimov
@ravshan01
JavaScript
HTML
Как реализовать сетку, чтобы расположение элемента зависело от высоты верхнего блока?
Надо реализовать сетку как в пинтерест, чтобы расположение по вертикали зависело от высоты верхнего блока, надо сделать адаптивно.
Гуглил ничего толкого не нашёл.
Если можно реализовать без js будет лучше.
Примерно такую
Вопрос задан
более трёх лет назад
45 просмотров
4
комментария
Подписаться
1
Простой
4
комментария
Facebook
Вконтакте
Twitter
Rustam Bainazarov
@SmthTo
Куратор тега HTML
Нормально без JS это выйдет.
Это называется Masonry. Выбирайте любой JS-плагин для этого и пользуйтесь.
Например, этот, который самый популярный:
https://masonry.desandro.com/
Написано
более трёх лет назад
ravshan selimov
@ravshan01
Автор вопроса
Рустам Байназаров
, почитал про masonry, работает ли он при динамическом добавление элементов?
Написано
более трёх лет назад
Alex
@Kozack
Куратор тега JavaScript
ravshan selimov
, Зависит от конкретной библиотеки. В приведенном выше примере —
да
Написано
более трёх лет назад
ravshan selimov
@ravshan01
Автор вопроса
Рустам Байназаров
, спасибо воспользуюсь
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
edwin_edwin
@edwin_edwin
Это masonry
https://css-live.ru/css/priklyucheniya-masonry-ras...
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Простой
Зависимости в package.json отображаются как неустановленные при открытии репозитория, размещенного в WSL?
1 подписчик
20 часов назад
79 просмотров
1
ответ
HTML
+1 ещё
Простой
Как сделать картинку для отображения в почтовых клиентах?
1 подписчик
вчера
100 просмотров
2
ответа
JavaScript
Простой
По какой логике формируется очередь микро задач с async/await синтаксисом?
1 подписчик
13 авг.
150 просмотров
1
ответ
JavaScript
+2 ещё
Средний
Как отключить глобальные объявления?
1 подписчик
12 авг.
117 просмотров
0
ответов
JavaScript
Простой
Есть ли ресурс где можно посмотреть все генераторы микро/макро задач?
1 подписчик
12 авг.
122 просмотра
0
ответов
JavaScript
Средний
Как добавить скрытый input в форму через js?
1 подписчик
11 авг.
151 просмотр
0
ответов
JavaScript
+2 ещё
Сложный
Что означает Autofocus processing was blocked because a document already has a focused element.?
1 подписчик
09 авг.
72 просмотра
0
ответов
HTML
+1 ещё
Простой
Как сверстать подобный блок?
1 подписчик
08 авг.
759 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как сделать код с отменой запросов и переотправкой более простым?
1 подписчик
05 авг.
231 просмотр
2
ответа
HTML
Простой
Где сохранить файлы для сайта?
1 подписчик
04 авг.
564 просмотра
3
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Fullstack-разработчик
IT-hunter
•
Санкт-Петербург
До 300 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама