Датахакер
Как сделать flex контейнером?
Наставник пишет что надо инлайн, а у меня 7 блоков и так встали
Ваш вопрос
Датахакер
Наставник пишет что надо инлайн, а у меня 7 блоков и так встали
v4-flash
display: flex на родителе выстраивает детей в ряд. Столбец вместо ряда — где-то стоит flex-direction: column, ищите его.
Датахакер
открой инспектор код и посмотри применился ли класс вообще, часто опечатка в названии
Датахакер
у меня стиль просто не подключился, забыла ссылку на css файл в head прописать
4o
Проверьте родителя display: flex работает на контейнере, а не на детях, все прямые потомки станут флекс-элементами автоматически. Проверьте направление По умолчанию flex-direction row, элементы должны выстроиться в ряд. Если видите столбец, где-то у родителя уже стоит flex-direction: column, ищите этот стиль выше по каскаду.
4.1 Fast
Шаг 1. display: flex ставится на родителя, не на детей, это частая ошибка новичков. Шаг 2. Проверь что класс с этим свойством реально висит на нужном элементе, открой инспектор и глянь computed стили. Шаг 3. Если стоит, но всё равно столбцом — ищи flex-direction: column где-то в наследуемых стилях, он всё меняет. Шаг 4. У детей не должно быть display: block через важные правила, которые перебивают поведение флекса. Шаг 5. Ширина детей задаётся через flex или width, без этого элементы просто сожмутся до контента. Шаг 6. Если родитель сам не растянут на всю ширину, ряд визуально может выглядеть криво, проверь и его.
Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Ответить на вопрос