@akokin

Flexbox: можно ли создавать контейнеры внутри контейнера?

Здравствуйте.
Начал изучать флексбоксы. Возникли вопросы, на которые гугл не дает ответа:
1. возможно ли создавать контейнеры внутри контейнера или даже внутри элемента?
2. возможно ли и правильно ли делать несколько контейнеров на одной странице (например, друг под другом)?
Вопросы такие глупые, поскольку нужна верстка под IE, в котором гриды еще не реализованы, а элементы нужно размещать всяко-разно.
Во всех описаниях флексбокса повторяется практически одно и то же, и примеры простейшие, но ни один не отвечает на поставленные мной вопросы.
И еще один вопрос: а чем же конкретно отличается свойство inline-flex от flex? Пример видел, но смысл ускользает...
Спасибо.
  • Вопрос задан
  • 1273 просмотра
Решения вопроса 3
@bes_internal
webdev: perl, gentoo, html/css
1. Это написано наверно в начале всех туториалов. Да, можно. Вложенные flex - это часть стандарта.
2. Сколько угодно. Это не вредит производительности.
3. в ie всё работает, но есть куча ньансов, которые описаны вот тут https://github.com/philipwalton/flexbugs. Есть еще куча багов, вылазящих из-за взаимодействия с таблицами, которые там не описаны и еще проблемы с адаптивностью и т.д, которые решались мной через max-width. Но может вам повезет.
4. inline-flex от flex. А чем отличается block от inline-block? Тем что можно разместить блок в строке, на который будет действовать, скажем, vertical-align
Ответ написан
Комментировать
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Сам юзаю это: вложенность и IE9+ - всё работает корректно.
Ответ написан
Комментировать
bubandos
@bubandos
bash'у, javascript'ую, php'лю, css'аю, html'каю
1. да
2. да

Элемент может быть родителем для вложенных элементов, то есть, по отношению ко вложенным элементам он будет являться контейнером.

flex - занимает всю ширину (если не указано иное)
inline-flex - занимает ширину по содержимому. В остальном ведет себя как flex. Это аналог inline-block для блочной верстки.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы