将表格列压缩至最小可能宽度

在我的网站上，我有很多<table>其中有一个特定的列，我们希望将其压缩到尽可能小的空间（而不将其文本换行）。其他兄弟单元自动共享其余空间。

我正在使用以下技巧，它适用于除 IE7 之外的所有浏览器。 （此时我其实只关心IE7）

table {width:100%;}
table td.min-col {white-space:nowrap; width:1px; }

jsFiddle 链接：http://jsfiddle.net/vm8gc/23/ http://jsfiddle.net/vm8gc/23/

如果您在 IE7 中尝试此操作，您会发现它的行为有所不同（不是预期的行为）。 -- 请参阅下面的屏幕截图。

谁能想到修复 IE7 来实现此目的吗？

附件：

所有其他浏览器：

IE7:

CSS 2 版本

由于某种原因，Internet Explorer 似乎忽略了white-space关于 TD。解决该问题的最佳方法是在 TD 内使用跨度。

<td><span style="white-space: nowrap;">This should not wrap</span></td>

像往常一样 IE 做它自己的事情;)

有关信息white-space支持，看这里：

http://www.quirksmode.org/css/whitespace.html http://www.quirksmode.org/css/whitespace.html

预版

另一种可以更好地支持旧版浏览器的替代方法是执行以下操作：

<td><pre>This will not wrap</pre></td>

然后将您的预元素设置为以与普通文本相同的方式设置样式，或者使其能够从其父级继承样式（继承可能比仅指定样式的支持更少）:

td pre { font-family: inherit; font-size: inherit; color: inherit; ... }