flex-direction：是否需要指定显示？

Question

当我在容器中有弹性方向时，是否需要指定显示属性。它似乎工作得很好，但我害怕我打破了一些事情：

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

Answer 1

根据块格式化上下文（display: block），块元素填充其父级和垂直堆栈的宽度。块元素的标准行为。

这与flex-direction: column对 flex格式化上下文（display: flex）中的子元素所做的类似。因此，受display: flex; flex-direction: column约束的列很容易类似于display: block的列。

主要区别在于块容器中的子元素不能接受flex属性。

如果{@ 1}}或display: flex也未应用于该元素，则会忽略display: inline-flex属性。