混合显示 Flex 和 Block 的规则是什么?

What are the rules mixing display Flex and Block?

Ionic 正在混合使用 flex 和块显示。这种代码的规则是什么:

<div class="d-flex">...</div>
<div class="d-block">...</div>
<div class="d-flex">...</div>
<div class="d-block">...</div>

其中d-flex和d-block分别是flex和block显示。

display: flex

告诉浏览器该元素是一个 flexbox container,这会影响其子元素的呈现方式。由于 d-block 是兄弟元素而不是子元素,它们实际上并没有相互混合,并且它们各自的行为没有特定的规则。