Flow Layout中有flex容器和grid容器吗?

问题描述 投票:0回答:0

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布局,对吧?

文档似乎自相矛盾或令人困惑。

html css flexbox css-grid display
© www.soinside.com 2019 - 2024. All rights reserved.