Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Алина Брэнн
@alina_ivanovna
JavaScript
CSS
Какой плагин можно использовать, чтоб реализовать такое расположение блоков?
Подскажите, пожалуйста, каким образом можно реализовать такое расположение блоков?
Возможно есть аналог плагина masonry, но с горизонтальным распределением блоков.
Вопрос задан
более трёх лет назад
266 просмотров
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
Простой
Ошибка Uncaught TypeError: Cannot read properties of undefined (reading 'find'). Как можно поправить?
1 подписчик
8 часов назад
47 просмотров
1
ответ
JavaScript
+2 ещё
Средний
Как программно изменить уровень звука/прогресс проигрывания в input type=range в новом интерфейсе Яндекс Музыки?
1 подписчик
10 часов назад
334 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Почему при запуске кода вылетает такая ошибка: Uncaught ReferenceError: THREE is not defined?
1 подписчик
11 часов назад
52 просмотра
1
ответ
HTML
+1 ещё
Простой
Что делать если расположение текста находится не в том месте?
1 подписчик
13 часов назад
67 просмотров
1
ответ
HTML
+1 ещё
Простой
Как убрать видимую разметку у списка CSS?
1 подписчик
вчера
190 просмотров
1
ответ
JavaScript
Простой
Динамическое изменение value формы в js — как устранить ошибку дублирования?
1 подписчик
вчера
58 просмотров
1
ответ
HTML
+1 ещё
Простой
Как задать стиль следующему элементу, если внутри есть нужный тег?
1 подписчик
вчера
43 просмотра
0
ответов
JavaScript
Средний
Как добавлять класс при клике только 2 раза?
1 подписчик
21 февр.
65 просмотров
1
ответ
HTML
+1 ещё
Простой
Что делать, если не меняется цвет навигационных ссылок?
1 подписчик
19 февр.
109 просмотров
3
ответа
JavaScript
+1 ещё
Простой
Почему не корректно отображается контент, в зависимости от состояния чекбокса?
1 подписчик
19 февр.
82 просмотра
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Бэкэнд-разработчик JavaScript
Wanted.
•
Москва
от 250 000 до 400 000 ₽
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 420 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама