display的属性值及其作用

常用

• inline（默认值）：表示指定对象为内联元素

• none： 表示隐藏对象，与 visibility 属性的 hidden 值不同，display：none 不为被隐藏的对象保留物理空间 ，visibility：hidden 保留

• block： 指定对象为块元素。

• inline-block： 指定对象为内联块元素。（CSS2）

block、inline 和 inline-bolck 的区别

见行、块、空元素

其他

• flex： 将对象作为弹性伸缩盒显示。（伸缩盒的最老版本中属性）（CSS3）

• flexbox： 将对象作为弹性伸缩盒显示。（伸缩盒的最老版本中属性）（CSS3）

• inline-flexbox： 将对象作为内联块级弹性伸缩盒显示。（伸缩盒的最老版本中属性）（CSS3）

• inline-flex： 将对象作为内联块级弹性伸缩盒显示。（伸缩盒的最老版本中属性）（CSS3）

• list-item： 指定对象为列表项目。

• run-in： 根据上下文决定对象是内联对象还是块级对象。（CSS3）

• box： 将对象作为弹性伸缩盒显示。（伸缩盒的最老版本中属性）（CSS3）

• inline-box： 将对象作为内联块级弹性伸缩盒显示。（伸缩盒的最老版本中属性）（CSS3）

• table： 指定对象作为块元素级的表格。类同于 html 标签 table（CSS2）

• inline-table： 指定对象作为内联元素级的表格。类同于 html 标签 table（CSS2）

• table-caption： 指定对象作为表格标题。类同于 html 标签 caption（CSS2）

• table-cell： 指定对象作为表格单元格。类同于 html 标签 td（CSS2）

• table-row： 指定对象作为表格行。类同于 html 标签 tr（CSS2）

• table-row-group： 指定对象作为表格行组。类同于 html 标签 tbody（CSS2）

• table-column： 指定对象作为表格列。类同于 html 标签 col（CSS2）

• table-column-group： 指定对象作为表格列组显示。类同于 html 标签 colgroup（CSS2）

• table-header-group： 指定对象作为表格标题组。类同于 html 标签 thead（CSS2）

• table-footer-group： 指定对象作为表格脚注组。类同于 html 标签 tfoot（CSS2）