显示内嵌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>