Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Александр
@LordGuard
HTML
CSS
Веб-разработка
Flexbox
Можно ли с помощью flexbox так расставить блоки?
Можно ли с помощью flexbox так расставить блоки?
Ширина блоков фиксированная. Расстояние между первыми двумя и последним должна быть произвольной (зависеть от ширины контейнера).
Вопрос задан
более трёх лет назад
484 просмотра
Комментировать
Подписаться
2
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
2
Сергей delphinpro
@delphinpro
Куратор тега CSS
frontend developer
C бухты-барахты - нет, штатные способы отсутствуют.
Но, как всегда, на выручку приходит смекалка, порождающая аццкие хаки =)
https://jsfiddle.net/m2r8ndk7/
PS. На самом деле, ничего страшного тут нет. Вполне приличный метод расположить блоки =)
Ответ написан
более трёх лет назад
7
комментариев
Нравится
5
7
комментариев
Facebook
Вконтакте
Twitter
Danila
@Machinez
https://jsfiddle.net/m2r8ndk7/1/
Написано
более трёх лет назад
Александр
@LordGuard
Автор вопроса
Данила
: хм, очень интересно. А почему оно так работает? Мне не совсем очевидно.
Написано
более трёх лет назад
Danila
@Machinez
LordGuard
: с флексами марджин авто работает иначе, он старается заполнить всё свободное пространство внешним отступом в заданном направлении
Написано
более трёх лет назад
Александр
@LordGuard
Автор вопроса
Данила
: хм, это обозначено в спецификации? В будущем это не изменится?
Написано
более трёх лет назад
Danila
@Machinez
LordGuard
:
https://www.w3.org/TR/css-flexbox-1/#item-margins
Написано
более трёх лет назад
Александр
@LordGuard
Автор вопроса
Данила
: огромное спасибо)
Написано
более трёх лет назад
Сергей delphinpro
@delphinpro
Куратор тега CSS
хех =) полезно иногда почитать спеку
Написано
более трёх лет назад
Konstantin Kudelko
@Flawming
оберни первые два в контейнер и дай родителю
justify-content: space-between;
Ответ написан
более трёх лет назад
Комментировать
Нравится
5
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+1 ещё
Простой
Почему после изменений в css на сайте нет изменений?
1 подписчик
13 окт.
178 просмотров
3
ответа
CSS
Простой
Как выровнять в гриде по горизонтали?
1 подписчик
13 окт.
104 просмотра
1
ответ
HTML
+1 ещё
Простой
Как в руководстве steam сделать обтекающий картинку текст?
1 подписчик
08 окт.
120 просмотров
1
ответ
Веб-разработка
+1 ещё
Средний
Как корректно реализовывать согласие пользователя на обработку персональных данных, в связи с новыми правками?
6 подписчиков
03 окт.
646 просмотров
3
ответа
Веб-разработка
Простой
На сколько важно использовать услугу «Настройка защищенного соединения» от Timeweb?
2 подписчика
03 окт.
200 просмотров
3
ответа
CSS
+2 ещё
Средний
Как решить проблему с появлением пустого пространства под drawer из shadcn?
2 подписчика
02 окт.
98 просмотров
1
ответ
HTML
+1 ещё
Средний
Скачал плагин image preview в вс коде, чтобы установить иконку сайта. Иконка появилась в браузере, но не появилась слева напротив строки. Почему так?
1 подписчик
30 сент.
141 просмотр
1
ответ
CSS
Простой
Как пофиксить визуальный глитч с border-radius и transparent + blur?
2 подписчика
26 сент.
152 просмотра
2
ответа
CSS
Простой
CSS3 как выбрать последние 4 элемента?
1 подписчик
25 сент.
206 просмотров
2
ответа
HTML
+1 ещё
Простой
От какой технической характеристики компьютера зависит скорость работы сайта, указанного ниже?
1 подписчик
24 сент.
445 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
Web-разработчик
ЭНДИ Консалтинг
от 40 000 до 40 000 ₽
Backend разработчик
Страна карт
•
Киров
от 150 000 до 250 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама