下方是來自w3c的實行表格(部分):
參考鏈接: http://www.cnblogs.com/thislbq/p/5914210.html
| 值 | 描述 |
|---|---|
| none | 元素不被顯示 |
| block | 元素顯示為塊狀元素,元素前后會有換符 |
| inline | 默認,元素會被顯示為內(nèi)聯(lián)元素,元素前后沒有換行符 |
| inline-block | 行內(nèi)元素 |
| list-item | 元素作為列表顯示 |
| run-in | 元素根據(jù)元素上下文來決定是塊級元素或者內(nèi)聯(lián)元素 |
| table | 元素作為塊級表格顯示(類似<table>),元素前后有換行符號 |
| inline-table | 元素作為內(nèi)聯(lián)表格顯示(類似<table>),元素前后無換行符號 |
| table-row-group | 元素作為一個或多個行的分組顯示,類似<tbody> |
| table-row | 元素作為一個表格行顯示,類似<tr> |
| table-cell | 元素作為一個表格單元格顯示,類似<td>,<th> |
常用的屬性:none, block, inline, inline-block
- none: 元素不顯示而且空間不會保留
(注意:有另外一個屬性visibility: hidden,此屬性元素不顯示但是空間保留) - block: 塊級元素,前后有換行符,可設(shè)置width、height,元素獨占一行
- inline: 內(nèi)聯(lián)元素,display的默認值,前后沒有換行符,無法設(shè)置width,height,不獨占一行
- inline-block: 行內(nèi)塊級元素,可設(shè)width,height的內(nèi)聯(lián)元素