显示影响儿童的内联 - 灵活？

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>