インラインフレックスを子供に影響を与えるように表示しますか？

Question

私はdisplay: inline-flexプロパティを持つ親divを持っています。

問題は、CSSのdisplay: blockにもかかわらず、子要素もインラインで整列されているということです。この問題を解決するにはどうすればよいですか？

おかげで、

Answer 1

flex項目が作る、デフォルトrow項目であり、それらcolumnあなたは

.parent { 
 
    display: inline-flex; 
 
    flex-direction: column; 
 
    width: 200px; 
 
} 
 
.parent div { 
 
    background: red; 
 
    padding: 20px; 
 
    margin: 5px; 
 
}

<div class="parent"> 
 
    <div></div> 
 
    <div></div> 
 
</div>