Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Алина Брэнн
@alina_ivanovna
JavaScript
CSS
Какой плагин можно использовать, чтоб реализовать такое расположение блоков?
Подскажите, пожалуйста, каким образом можно реализовать такое расположение блоков?
Возможно есть аналог плагина masonry, но с горизонтальным распределением блоков.
Вопрос задан
более трёх лет назад
267 просмотров
1
комментарий
Подписаться
2
Оценить
1
комментарий
Facebook
Вконтакте
Twitter
Алина Брэнн
@alina_ivanovna
Автор вопроса
Всё же flex-box и :nth-child оказались самым подходящим вариантом. Всем спасибо)
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
3
Mikhail Osher
@miraage
Старый прогер
Вообще, это называется Masonry.
Но в наше время это делается на CSS Flexbox.
Ответ написан
более трёх лет назад
4
комментария
Нравится
2
4
комментария
Facebook
Вконтакте
Twitter
Алина Брэнн
@alina_ivanovna
Автор вопроса
Masonry не подходит, там не так блоки распределяются. Тоже думаю флекс сделать, но вдруг есть другое решение
Написано
более трёх лет назад
Виталий Киренков
@DeLaVega
alina_ivanovna
: простите, что значит - не так распределяются?
Написано
более трёх лет назад
Алина Брэнн
@alina_ivanovna
Автор вопроса
Виталий Киренков
: в Masonry фиксированная ширина блоков и переменная высота, мне нужно наоборот
Написано
более трёх лет назад
Виталий Киренков
@DeLaVega
alina_ivanovna
: у вас не произвольная ширина, ее 2 типа так то. Мне кажется вы просто не разобрались как сделать, ибо мэзонри довольно гибок
Написано
более трёх лет назад
Владимир
@Casufi
Вам нужно сортировать блоки по размеру
В статье описание, внизу рабочий пример на фидл
mlsdev.com/en/blog/73-aligning-blocks-of-different...
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
blolg
@blolg
Freewall
может подойдёт.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Простой
Зависимости в package.json отображаются как неустановленные при открытии репозитория, размещенного в WSL?
1 подписчик
15 авг.
118 просмотров
1
ответ
JavaScript
Простой
По какой логике формируется очередь микро задач с async/await синтаксисом?
1 подписчик
13 авг.
164 просмотра
1
ответ
JavaScript
+2 ещё
Средний
Как отключить глобальные объявления?
1 подписчик
12 авг.
121 просмотр
0
ответов
JavaScript
Простой
Есть ли ресурс где можно посмотреть все генераторы микро/макро задач?
1 подписчик
12 авг.
124 просмотра
0
ответов
JavaScript
Средний
Как добавить скрытый input в форму через js?
1 подписчик
11 авг.
158 просмотров
0
ответов
CSS
Простой
Не могу понять как прижать изображения к правому краю?
1 подписчик
11 авг.
139 просмотров
0
ответов
JavaScript
+2 ещё
Сложный
Что означает Autofocus processing was blocked because a document already has a focused element.?
1 подписчик
09 авг.
77 просмотров
0
ответов
CSS
+1 ещё
Простой
Помощь на сайте с CSS с галереей и превью?
нет подписчиков
09 авг.
183 просмотра
1
ответ
HTML
+1 ещё
Простой
Как сверстать подобный блок?
1 подписчик
08 авг.
773 просмотра
1
ответ
CSS
Простой
Как такие вещи верстаются?
1 подписчик
07 авг.
2352 просмотра
3
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Fullstack-разработчик
IT-hunter
•
Санкт-Петербург
До 300 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама