表格列固定宽度

Question

我遇到了一个问题，无法为表格列设置固定宽度。请查看jsfiddle示例：http://jsfiddle.net/Stylock/jJ6DK/。其中间列应该有300像素的宽度，左侧列应该有80像素的宽度，但由于某些原因所有三列的宽度都相同。有人知道如何解决吗？请注意，内容中的html标签已保留。

- Stylock

---

你有指定表格的宽度吗？能否在此处发布代码，因为我由于某些原因无法访问jsFiddle。 - Umesh

Answer 1

请移除表格的这个CSS样式，它应该就能正常工作了：

table-layout: fixed;

示例: http://jsfiddle.net/jJ6DK/6/

当您为表格设置table-layout: fixed时，它将采用以下算法：

• 水平布局仅取决于表格的宽度和列的宽度，而不是单元格内容
• 比自动表格布局更快地允许浏览器布局表格
• 浏览器可以在接收到第一行后开始显示表格

- Eli

---

好的，我认为这是最好的答案！ - Stylock

Answer 2

从 table 中删除 table-layout: fixed：

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

修复的代码：http://jsfiddle.net/jJ6DK/2/

- chrx