表宽100％。 1列固定宽度

Question

这是我遇到问题的代码：

http://jsfiddle.net/crptS/

基本上我有一张桌子，桌子的宽度是100％

table
{
 border: 1px solid #ffda95;
  border-collapse: collapse;
  width: 100%;
}

现在我有1列包含3个图标，我不希望此列与页面一起缩放。它的宽度应为25px。 td的课程为tdmaxwidth60

.tdmaxwidth60
{
    width: 25px;
    min-width: 25px;
    max-width: 25px;
}

但是。在Firefox和IE中，这一列仍然与页面一致，与jsFiddle略有不同。它看起来像width正在工作（加载宽度是正确的），而min-width也可以工作，当你有一个全屏页面，你把它缩小它保持相同的宽度。但是，当您在小页面上加载页面然后使其全屏时，列的宽度确实会拉伸。

任何想法如何解决这个问题？

Answer 1

在jsfiddle中，您发布了4列具有固定宽度。因此，它们都可以适应桌子的宽度。

如果只设置第一列的宽度，则其他列将缩放以适合。第一列将保持不变。

Answer 2

当你说你有一个你不想扩展的专栏时，你不应该将你的trmaxwidth60课程给予该专栏中的每个td而不是tr吗？如果我错了，请纠正我。

Answer 3

您可以white-space: nowrap;使用.trmaxwidth60。当然，默认使用的是文本，但我认为也会为图标做好工作。