html - 表格列固定宽度

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-layout: fixed从中删除table：

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

固定代码：http: //jsfiddle.net/jJ6DK/2/