display 屬性依照詞義真正隐藏元素。将 display 屬性設為 none 確定元素不可見并且連盒模型也不生成。使用這個屬性，被隐藏的元素不占據任何空間。
一旦 display 設為 none 任何對該元素直接打使用者互動操作都不可能生效。此外，讀屏軟體也不會讀到元素的内容。這種方式産生的效果就像元素完全不存在。
任何這個元素的子孫元素也會被同時隐藏。為這個屬性添加過渡動畫是無效的，它的任何不同狀态值之間的切換總是會立即生效。
不過請注意，通過 DOM 依然可以通路到這個元素。是以你可以通過 DOM 來操作它，就像操作其他的元素。
示例：
HTML中文網
.div1 {display:none}
第一個div 隐藏的div 這兩個div之間沒有距離。
效果圖：
display屬性值：none 此元素不會被顯示。
block 此元素将顯示為塊級元素，此元素前後會帶有換行符。
inline 預設。此元素會被顯示為内聯元素，元素前後沒有換行符。
inline-block 行内塊元素。(CSS2.1 新增的值)
list-item 此元素會作為清單顯示。
run-in 此元素會根據上下文作為塊級元素或内聯元素顯示。
compact CSS 中有值 compact，不過由于缺乏廣泛支援，已經從 CSS2.1 中删除。
marker CSS 中有值 marker，不過由于缺乏廣泛支援，已經從 CSS2.1 中删除。
table 此元素會作為塊級表格來顯示(類似
inline-table 此元素會作為内聯表格來顯示(類似
table-row-group 此元素會作為一個或多個行的分組來顯示(類似
)。
table-header-group 此元素會作為一個或多個行的分組來顯示(類似 )。
table-footer-group 此元素會作為一個或多個行的分組來顯示(類似
)。
table-row 此元素會作為一個表格行顯示(類似
)。
table-column-group 此元素會作為一個或多個列的分組來顯示(類似
)。
table-column 此元素會作為一個單元格列顯示(類似
)
table-cell 此元素會作為一個表格單元格顯示(類似
和 )
table-caption 此元素會作為一個表格标題顯示(類似
)
inherit 規定應該從父元素繼承 display 屬性的值。