flex-direction: нужно ли указывать отображение?

Question

Нужно ли указывать свойство отображения, когда у меня есть flex-направление в контейнере. Кажется, работает так же хорошо, но я боюсь, что что-то ломаю:

.App {
    background-color: white;
    flex-direction: column;
    padding:15px;
    font-family: 'Roboto', sans-serif;
}

Answer 1

В соответствии с контекстом блочного форматирования (display: block), блочные элементы заполняют ширину родительского элемента и располагаются вертикально. Это стандартное поведение для элементов блока.

Это похоже на то, что flex-direction: column делает дочерние элементы в контексте гибкого форматирования (display: flex). Таким образом, столбец подлежит display: flex; flex-direction: column может легко напоминать столбец при условии display: block,

Основное отличие состоит в том, что дочерние элементы в контейнере блока не могут принимать свойства flex.

Без display: flex или же display: inline-flex также применяется к элементу, flex-direction свойство игнорируется.