css - 调整表格全宽

Question

我想像这样格式化我的表格:

• 全宽
• 比其他列宽的列可以占据更多位置(通常是第一列)
• 必须裁剪太大的列(类似于溢出:隐藏)
• 最后两列必须比其他列窄

这里有一个更明确的 jsFiddle:http://jsfiddle.net/BbNFA/

我在这里遇到的问题是，当同一行中的所有文本都比页面宽度宽时，就会出现滚动条。我想通过 overflow hidden 文本来防止这种情况。

感谢您的帮助。

Answer 1

编辑:查看我的 DEMO 在这里与 colgroup。

使用表格布局属性并将其设置为固定，如下所示，

table  { 
    width: 100%;
    table-layout: fixed; <-- added
}

td  {
    white-space: nowrap;
    overflow: hidden;    <-- added
}