顯示內嵌flex影響兒童？

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>