https://www.w3.org/TR/css-display-3/#propdef-display
- 内部显示类型,它定义(如果它是非替换元素)它生成的格式化上下文的种类,指示如何
它的后代盒子被布置。 (更换后的内部显示
元素不在 CSS 的范围内。)- 外部显示类型,它决定了主框本身如何参与流程布局。
鉴于该信息,flex 容器 和 grid 容器 对于“display-outside”的价值是多少?
例如
display: flex;
的内部显示类型是flex
,但它的外部显示类型是什么?
或者,外显型指的是什么?
block
.
Display outside 相当于一个盒子的父盒子是块容器时的“水平度”
换句话说,如果元素的主体框参与了块格式化上下文,那么该框是block-level并且它的display-outside值为“block”。
同样,其
display
的计算值为inline-flex
的元素的主框将参与内联格式化上下文,然后该框为inline-level并且其显示外部值为“inline”。