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

Question

是否有一个办法<div>标签来保存性能display: inline-block;和display: flex;在同一时间？

我想display: inline-block;对分区本身的位置和display: flex;组织这个标记的孩子的规则有规则.

在下面的层次结构中,我想为类"child"添加两个规则,但我找不到实现它的方法:

<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布局.