flex-direction：ディスプレイを指定する必要がありますか？

Question

コンテナにフレックス方向があるときは、表示プロパティを指定する必要があります。それは同じように正常に動作するようですが、私は、私は代を壊すよ怖い：

.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の列のように簡単に似ています。

主な違いは、ブロックコンテナ内の子要素はフレックスプロパティを受け入れることができないことです。

display: flexまたはdisplay: inline-flexも要素に適用されていない場合、flex-directionプロパティは無視されます。