css table-layout屬性顯示表格單元格、行、列的算法規(guī)則

這個屬性說實(shí)在的,平時用到的也不多,為啥,現(xiàn)在用到表格的機(jī)會已經(jīng)很小。
之所以拿出這個來說事,是因?yàn)榭吹揭黄恼耇ips for Authoring Fast-loading HTML Pages,提到了table-layout。
先來看看w3school上關(guān)于table-layout的介紹:
定義和用法
tableLayout 屬性用來顯示表格單元格、行、列的算法規(guī)則。
固定表格布局:
固定表格布局與自動表格布局相比,允許瀏覽器更快地對表格進(jìn)行布局。
在固定表格布局中,水平布局僅取決于表格寬度、列寬度、表格邊框?qū)挾取卧耖g距,而與單元格的內(nèi)容無關(guān)。
通過使用固定表格布局,用戶代理在接收到第一行后就可以顯示表格(這一條很給力,能夠快速顯示內(nèi)容)。
自動表格布局:
在自動表格布局中,列的寬度是由列單元格中沒有折行的最寬的內(nèi)容設(shè)定的。
此算法有時會較慢,這是由于它需要在確定最終的布局之前訪問表格中所有的內(nèi)容。
相關(guān)文章
固定 table寬度 table-layout: fixed
如果單元格中的文本超過寬度限制,就會自動換行,高度自動增高,導(dǎo)致整個表格的樣式參差不齊,不過可以通過禁用文本換行來解決這個問題2014-05-15表格設(shè)置table-layout:fixed后對單元格寬度設(shè)置無效
在對設(shè)置表格設(shè)置table-layer:fixed樣式后,發(fā)現(xiàn)表格中有一行合并過,其它沒有合并的行的列寬會平均化,對列寬的設(shè)置會失效,下面有詳細(xì)的解決方法,大家可以學(xué)習(xí)學(xué)習(xí)2014-04-14- 今天給大家詳細(xì)說一下table-layout屬性的用法, tableLayout屬性用來顯示表格單元格、行、列的算法規(guī)則。本文通過實(shí)例代碼給大家介紹了CSS的table-layout屬性的用法,需要2018-01-17