表列固定宽度

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; 
} 

固定码：​​