引言
對我來說纪蜒，table 有一個非常有用衷恭，支持性也很好的 CSS 屬性，但它卻很少為人所知纯续。它改變了表格的渲染方式随珠，并生成一個更加穩(wěn)定可靠的布局。
它就是：
table {
table-layout: fixed;
}
table-layout的缺省值是 auto猬错，這個屬性值及其效果大家十分熟悉窗看。對我來說其效果十分的怪異，具體見如下演示：
表格樣式
fixed屬性值
應用 table-layout： fixed之后倦炒，查看演示效果显沈，可以得出如下結(jié)論：
- 給單元格指定的寬度值生效
-
overflow屬性生效 -
text-overlfow屬性生效
用例及分析
我們以一個用戶信息表格為例子進行演示。該表格的列寬是固定的析校，不根據(jù)內(nèi)容的多少而變化构罗；表格內(nèi)容不折行顯示，超出行寬部分加省略號部分顯示智玻。
表格樣式
上述表格的顯示效果已經(jīng)很好了遂唧，也比較接近實際項目的需要。
固定列寬的表格算法效果更容易預見吊奢，便于使用盖彭，同時渲染速度明顯更快。因為表格的內(nèi)容并不會影響單元格的寬度页滚，所以在頁面加載過程中召边，表格不需要頻繁重繪。相信我們都對頁面加載過程中表格不斷重新調(diào)整列寬的恐怖情景記憶猶新裹驰。對于固定列寬的表格來說隧熙，這種情況就不會發(fā)生了。
本文主要匯編自 Chris Coyier 的一篇博客幻林。但是因為本人水平有限贞盯，文中難免存在描述不清，代碼不完善等問題沪饺，還請大家多多予以批評指正躏敢！
參考文獻
