https://www.w3.org/TR/css-display-3/#outer-display-type
- 内部显示类型,定义(如果它是非替换元素)它生成的格式化上下文的种类,指示如何
它的后代盒子被布置。 (更换后的内部显示
元素不在 CSS 的范围内。)- 外部显示类型,它决定了主框本身如何参与流程布局。
https://www.w3.org/TR/css-display-3/#flow-layout
元素使用流布局布置其内容(块和内联 布局)。
如果它的外屏类型是inline或者run-in,而且是参与 在块或内联格式化上下文中,然后它生成一个内联 盒子。
否则生成方块容器盒
取决于其他属性的值(如position, float, 或溢出)以及它本身是否参与了一个块或 内联格式化上下文,它要么建立一个新块 为其内容格式化上下文或将其内容集成到 它的父格式化上下文。参见 CSS2.1 第 9 章 [CSS2] 块 建立新块格式化上下文的容器是 被认为具有使用过的流根内部显示类型。
这意味着弹性容器本身(
inline-flex
/flex
)和网格容器本身(inline-grid
/grid
)在流布局(它的外部显示类型),但它们的内部显示类型分别生成一个flex布局和一个grid布局,对吧?
或者外显型指的是什么?
文档似乎自相矛盾或令人困惑。