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

Question

Ionic正在混合flex和block display。这类代码有哪些规则：

<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显示。

Answer 1

display: flex

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