<display-outside>

<display-outside> 关键字指定了元素的外侧显示（display）类型，即元素在流式布局中的角色。这些关键字用作 display 属性的值，且有作为单个关键字的旧式用法，或按第 3 级规范的定义与 <display-inside> 关键字中的值一同使用。

语法

有效的 <display-outside> 值：

备注： 支持二值语法的浏览器在仅找到外侧值时（如指定 display: block 或 display: inline 时）会将内侧值设置为 flow，由此产生预期行为。例如若将元素指定为 block，你会期望此元素的子元素会参与块向和行向的正常流布局。

在下列示例中，片段元素（通常显示为行级元素）设置为 display: block，故元素断入新行且在行向上扩张填充其容器。

html

<span>片段 1</span> <span>片段 2</span>

css

span {
  display: block;
  border: 1px solid rebeccapurple;
}

Specification
CSS Display Module Level 3 # typedef-display-outside

This page was last modified on ⁨2025年7月15日⁩ by MDN contributors.