一些讓元素讓看不見的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不同之處在於,它們不會影響后代的顯示隱藏。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM