flexbox ×5
Создан 06.01.2025
0
голоса
5
ответов
0
просмотров
Отображение: Flex теряет правый отступ при переполнении?

У меня возникла проблема с flexbox в CSS3.

Когда я устанавливаю элемент flexbox с атрибутом overflow и задаю значение min-width для дочерних элементов, правый отступ у родительского элемента исчезает. Это происходит во всех поддерживающих браузерах.

Вот пример данной ошибки. Если вы...

5
голоса
3
ответов
11
просмотров
В чем разница между display:inline-flex и display:flex?

Описание проблемы:

Я пытаюсь выровнять элементы по вертикали внутри контейнера с определённым ID. Я установил свойство display: inline-flex; для этого контейнера, так как он должен быть flex-контейнером.

Однако в результате я не наблюдаю изменений в отображении. Я ожидал, что все элементы...

5
голоса
2
ответов
13
просмотров
Заполнение оставшейся высоты или ширины в flex-контейнере

У меня есть 2 блока (div) рядом друг с другом в flexbox. Правый блок должен всегда иметь одинаковую ширину, а левый блок должен занимать оставшееся пространство. Однако он этого не делает, если я не задам ему конкретную ширину.

На данный момент я установил ширину левого блока на 96%, что выглядит...

6
голоса
5
ответов
28
просмотров
Как вертикально выровнять текст внутри flexbox?

Я хотел бы использовать flexbox для вертикального выравнивания содержимого внутри тега ``, но не добиваюсь успеха.

Я проверил множество онлайн-руководств, и многие из них используют обертку (wrapper) в виде div, который получает стиль align-items: center от настроек flex на родителе. Но мне...

15
голоса
5
ответов
40
просмотров
Как задать расстояние между элементами flexbox?

Описание проблемы:

Я пытаюсь установить минимальное расстояние между элементами Flexbox и использую для этого margin: 0 5px на классе .item и margin: 0 -5px на контейнере. Это, по моему мнению, выглядит как некое "хаковое" решение. Существуют ли другие свойства или методы, которые...

Эксперты по тегу