表列固定寬度

Question

我在爲表列設置固定寬度時遇到問題。看一看的jsfiddle例如：

http://jsfiddle.net/Stylock/jJ6DK/

中間一列應該是300px寬，左邊的列應該是80px寬，但由於某些原因，所有三列的寬度都相同。任何人都知道如何解決該問題？

Answer 1

刪除你的表的這個CSS樣式，它應該工作：

table-layout: fixed; 

演示：http://jsfiddle.net/jJ6DK/6/

什麼時候你對你的表設置table-layout: fixed將採取這些算法：

• 水平佈局僅取決於表格的寬度和列的寬度，細胞的不是內容
• 允許瀏覽器鋪陳表比自動錶格佈局
• 瀏覽器快可以開始顯示錶，一旦第一行已經收到

Answer 2

從table刪除table-layout: fixed：

table { 
    border: 1px solid #D7E4B9; 
    background: #B4CDCD; 
} 

固定碼：​​