display 1
指定元素的展現方式，可設定的值有：
- inline：指定元素產生數個文字行的矩格（box），前後都沒有跳行。此為預設值。
- block：指定元素產生一個主要的區塊元素的矩格，前後都加跳行。
- inline-block：放在文字行中的區塊。
- list-item：將元素變成清單的一個項目元素，還會加上項目編號。之前的 LI 元素，也會影響到編號。
- run-in：依據前後文的文理，決定產生文字行矩格或區塊矩格。如果一個 run-in 元素的矩格，後接一個區塊矩格，此區塊沒設為 float，也沒設為 position:absolute；則此 run-in 元素變成此區塊的第一個文字行矩格。其它情形時，此 run-in 元素是區塊矩格；雖然官方手冊說是區塊矩格，但是後面的測試結果，則是文字行矩格。
- compact：依據前後文的文理，決定產生文字行矩格或區塊矩格。如果一個 compact 的矩格，後接一個區塊矩格，此區塊沒設為 float，也沒設為 position:absolute；則此 compact 矩格變成一行的文字行矩格。其它情形時，此 compact 元素是區塊矩格。
- marker：宣告矩格前後的產生內容變成標記。只用在區塊元素的 :before, :after。主要瀏覽器都沒有支援此項。
- table, inline-table, table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, table-caption：將元素變成報表（TABLE）元素，用報表的方式展現。
- none：元素與其子代元素都沒有矩格，不會顯現，也不占空間。請參考 範例。與此類似的是 visibility 特徵的 hidden，元素設此不會顯現，但是依然占有空間。
- inherit：繼承父元素的特徵值。
測試 inline。
測試 block。
- 上面第一例定義了一個新元素 MYBLOCK，設為區塊矩格。IE6, IE8 無法展現 MYBLOCK；Firefox, Safari, Chrome 都正常展現。第二例在 SPAN 元素設定 display:block，使其由字行元素變成區塊元素。
| display（你正在看 第一頁） | : | 第一頁 | 第二頁 | 第三頁 |
