下方是来自w3c的实行表格(部分):
参考链接: http://www.cnblogs.com/thislbq/p/5914210.html
值 | 描述 |
---|---|
none | 元素不被显示 |
block | 元素显示为块状元素,元素前后会有换符 |
inline | 默认,元素会被显示为内联元素,元素前后没有换行符 |
inline-block | 行内元素 |
list-item | 元素作为列表显示 |
run-in | 元素根据元素上下文来决定是块级元素或者内联元素 |
table | 元素作为块级表格显示(类似<table>),元素前后有换行符号 |
inline-table | 元素作为内联表格显示(类似<table>),元素前后无换行符号 |
table-row-group | 元素作为一个或多个行的分组显示,类似<tbody> |
table-row | 元素作为一个表格行显示,类似<tr> |
table-cell | 元素作为一个表格单元格显示,类似<td>,<th> |
常用的属性:none, block, inline, inline-block
- none: 元素不显示而且空间不会保留
(注意:有另外一个属性visibility: hidden,此属性元素不显示但是空间保留) - block: 块级元素,前后有换行符,可设置width、height,元素独占一行
- inline: 内联元素,display的默认值,前后没有换行符,无法设置width,height,不独占一行
- inline-block: 行内块级元素,可设width,height的内联元素