显示：内联块和显示：同时弯曲

Question

<div>代码是否可以同时保存属性display: inline-block;和display: flex;？

我希望有一个规则display: inline-block;用于分区本身的位置和规则display: flex;来组织此标记的子项。

在下面的层次，我想追加为与类＆＃34师的两个规则，儿童＆＃34 ;,但我无法找到一个方法来实现它：

<div class="parent">
  <div class="child">
     <subchild1>
     <subchild2>
     ...
  </div>
  <div class="child">
     <subchild1>
     <subchild2>
     ...
  </div>
  ...
</div>

<style type="text/css">
.child {
   display: inline-block;
   display: flex;
}
</style>

提前谢谢你，

Answer 1

改为使用display: inline-flex。

像这样：

<style>
.child {
   display: inline-flex;
}
</style>

它使Flex容器显示为内联，但保留了它的子项的flex布局。