善用CSS 中的table | 就愛喝咖啡
2009年4月20日—預設的automatic有個特性,就是當瀏覽器開始下載HTML資料時,從
在很久以前我們都是用 Table 在排版的,我相信現在還是有不少人還是在用 Table 進行排版而非現在較為流行的 CSS 排版,使用 Table 排版最大的好處就是版面在各瀏覽器中顯示比較不會亂掉。但最大的缺點就是版面調整不像 CSS layout 那麼方便,而且網頁出現的時間比較長,版面的問題應該無解,但表格顯示的速度卻可以利用 table-layout[1] 屬性的設定達到目標。
CSS 的 table-layout 屬性有兩個可以設定的值:
automatic 表格的總寬度決定於每一個儲存格(Cell)的最大值。( 此為預設值 ) fixed 表格的總寬度決定於表格 width 屬性的定義,以及各欄位(Column) width 屬性的定義預設的 automatic 有個特性,就是當瀏覽器開始下載 HTML 資料時,從 <table> 一直讀到 </table> 才會將網頁顯示出來,這是因為瀏覽器因為不確定 table 應該顯示(Render)的寬度,因此必須等到表格都下載完成後才會顯示資料。
所以你如果利用 <table> 設定整個網頁版面,就會很容易發現網頁下載時會先看到白白的一片底色,最後才會突然出現網頁,這就是因為 table-layout 預設為 automatic 的關係。
所以,當你的表格擁有固定的寬度,例如版面寬度定義為 950px 時,只要將 <table> 的 table-layout[2] 屬性設定成 fixed,並且再設定 width 屬性,就會明顯感覺到表格在下載 HTML 的過程中不會等...
table-layout - CSS | 就愛喝咖啡
善用CSS 中的table | 就愛喝咖啡
CSS table | 就愛喝咖啡
CSS table - iT 邦幫忙 | 就愛喝咖啡
table-layout | 就愛喝咖啡
純CSS實現表格首行和首列固定 | 就愛喝咖啡
Table Layout | 就愛喝咖啡
table | 就愛喝咖啡
Fixed width column in HTML table with table | 就愛喝咖啡
Table無.2評價:插座(也許)很多、有時候限時 好吃程度 3.5 顆星
Table無.2評價好嗎?這邊幫大家整理位於台灣桃園市中壢區興平路163號號的Table無.2詳細資訊,像是Wifi、安靜度、甜點、插座...