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

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

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

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

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

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

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

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

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

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

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

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

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

У меня есть задача сделать ширину div адаптивной. Когда в контейнере всего один элемент, ширина этого div должна соответствовать ширине самого элемента.

Вот текущий код, который я использую:

#container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
 ...

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

У меня есть следующий CSS-код:

div.container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  border: 1px solid blue;
}
div.container div {
  width: 200px;
  border: 1px solid gray;
  display: inline-block;
  text-align: center;
}

В...