table-layout:fixed屬性

說實話,第一次見到這個屬性有點懵圈,真是沒見過這個屬性算法

好了,直接說做用瀏覽器

table-layout實際上是一種表格算法,用來顯示錶格單元格、行、列的算法規則。佈局

固定表格佈局:
固定表格佈局與自動錶格佈局相比,容許瀏覽器更快地對錶格進行佈局。代理

在固定表格佈局中,水平佈局僅取決於表格寬度、列寬度、表格邊框寬度、單元格間距,而與單元格的內容無關。繼承

經過使用固定表格佈局,用戶代理在接收到第一行後就能夠顯示錶格。ip

自動錶格佈局:
在自動錶格佈局中,列的寬度是由列單元格中沒有折行的【最寬】的內容設定的。it

此算法有時會較慢,這是因爲它須要在肯定最終的佈局以前訪問表格中全部的內容。table

tips 固定佈局算法比較快,可是不太靈活,而自動算法比較慢,不過更能反映傳統的 HTML 表。layout

table-layout:
auto --- 默認 由表格的內容決定表格的寬度
fixed -- 由表格的列寬和表格寬度決定,與內容多少無關(內容寬度大於表格設定的寬度,會自動折行)
inherit -- 從父元素繼承table-layout屬性tab

相關文章
相關標籤/搜索