Friday, July 18, 2014

[CSS][好文] 善用 CSS 中的 table-layout 屬性加快 Table 的顯示速度

善用 CSS 中的 table-layout 屬性加快 Table 的顯示速度

短摘:
table-layout: fixed
你如果利用 <table> 設定整個網頁版面,就會很容易發現網頁下載時會先看到白白的一片底色,最後才會突然出現網頁,這就是因為 table-layout 預設為 automatic 的關係。
只要將 <table> 的 table-layout 屬性設定成 fixed,並且再設定 width 屬性,就會明顯感覺到表格在下載 HTML 的過程中不會等待 </table> 讀完就會直接顯示表格內容,速度將會差非常多。

No comments:

Post a Comment