Display是什么

介绍

display 是CSS属性指定用于元素的呈现框的类型。

在 HTML 中，默认的 display 属性取决于 HTML 规范所描述的行为或浏览器/用户的默认样式表。

在 XML中，其默认值为 inline。

除了多种不同的生成的元素的盒类型，值 none 可以关闭一个元素的显示；当你使用 none 所有的后代元素他们的显示也会被关闭。文档渲染的过程中就好像在文档树中这个元素不存在一样。

语法

display 属性使用关键属性值指定。 关键属性值被分为六类：

• <display-outside>
• <display-inside>
• <display-listitem>
• <display-internal>
• <display-box>
• <display-legacy>

目前最好使用单个关键词指定 display ；

虽然最新规范允许您组合关键词，但浏览器并没有很好地支持。

值

display的值有这些(分类)：

1. <display-outside>

• block
• inline

2. <display-inside>

• table
• flex
• grid

3. <display-listitem>

• list-item

4. <display-internal>

• table-row-group
• table-header-group
• table-footer-group
• table-row
• table-cell
• table-colume-group
• table-column
• table-caption

5. <display-box>

• none

6. <display-legacy>

• inline-block
• inline-table
• inline-flex
• inline-grid