CSS 属性:display
盒子(box)的基本显示特性。

display: inline
display: block可能的值
| 值 | 描述 |
|---|---|
none | 完全不显示——将盒子从布局流中移除,并使其不可见。嗖。好像它从未存在过一样。 |
inline | 内联盒子——表现得像 em 或 span 这样的内联 HTML 元素的默认样式。 |
block | 块级盒子——表现得像 p 或 div 这样的块级 HTML 元素的默认样式。 |
inline-block | 像内联盒子一样(融入文本行流),但具有块级盒子的某些特性(接受垂直尺寸和边距等)。 |
list-item | HTML li 元素的默认样式的等效项。 |
table | 块级表格——HTML table 元素的默认样式的等效项。 |
inline-table | 内联级表格。 |
table-row-group | HTML tbody 元素的默认样式的等效项。 |
table-header-group | HTML thead 元素的默认样式的等效项。 |
table-footer-group | HTML tfoot 元素的默认样式的等效项。 |
table-row | HTML tr 元素的默认样式的等效项。 |
table-column-group | HTML colgroup 元素的默认样式的等效项。 |
table-column | HTML col 元素的默认样式的等效项。 |
table-cell | HTML td 或 th 元素的默认样式的等效项。 |
table-caption | HTML caption 元素的默认样式的等效项。 |
inherit | |
initial | |
unset | |
示例
.darwin { display: block; }
.lamarck { display: none; }
.linnaeus { display: table; }
