一些讓元素讓看不見的display值

我們都知道display:none可以讓元素看不見，但display還有一些鮮為人知的值可以針對特定的元素起作用，讓它們看不見。

在table中，有這麼幾個元素，它只是用於控制排板，但不會佔據空間，它們在標準瀏覽器下各自預設一些特別的display值讓它們能這樣做。比如col標籤，如IE下可以通過

控制它對應的這一列的TD或TH元素的文本對齊與背景色，它的display值為table-column。colgroup標籤與col相仿，但可以控制相鄰的幾列元素，它的display值為table-column-group。

tbody標籤是表格版面配置時代是作用非常大。那時都是table套table。體形巨大的table不在少數。當時的瀏覽器在解釋在表格時，如果沒有tbody，會一直等到閉合table才顯示它。如果一張網頁是嵌套在一個大表格之內，那麼很可能造成的後果就是，當瀏覽者敲入網址，他要先面對一片空白很長時間。tbody可以將一個很長的table分段顯示出來，避免這種尷尬。不過現代瀏覽器都會自動插入tbody，差別在於夠不夠智能罷了。tbody標籤是對行的分組，因此它的dispaly為table-row-group。

與tbody齊名的是thead, tfoot。tbody是放置資料的本體，thead是放置每列的標題，tfoot是放置腳註，如製作日期，部門或放個分頁欄組件進去。thead，tfoot也可以放置多個tr元素，因此它們的display值分別為able-header-group，table-footer-group。

最後別忘了，tr元素也是不佔據空間，它的display值為table-row。

這些特殊的display值與none不同之處在於，它們不會影響後代的顯示隱藏。