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


