Question

我遇到了IE > TD > white-space:nowrap;错误并试图实现多个位置（此处包含）中描述的修复，即将white-space:nowrap;移动到<span>元素并进行换行跨度中TD的内容。

然而这也不起作用（至少IE7 / 8可能是IE9并且不关心IE6）。 here是我的代码示例。 建议我已经包含了我的特定jQuery来启动受影响单元格中的按钮，以及我的所有CSS

表格单元格宽度设置为绕过与页面一起增长的列，如果这是问题，那么我的解决方案是硬编码最后一列宽度。我没关系（但是我想知道为什么忽略空白区域）

Answer 1

white-space: nowrap被忽略，因为您在CSS选择器中使用:last-child：

.data-table th, .data-table td:last-child span {
    white-space: nowrap;
    text-align: center;
}

IE8及以下版本不支持此选择器。

修改

为防止在IE7 / 8中包装，您可以将类分配给最后一个表格单元格，或者更改CSS以关注表格中的所有跨度：

所有范围标记：

.data-table th, .data-table td span {
    white-space: nowrap;
    text-align: center;
}

JSFiddle：http://jsfiddle.net/F826J/2/

使用课程：

.data-table th, .data-table td.last span {
    white-space: nowrap;
    text-align: center;
}

<table>
    <tr>...</tr>
    ....
    <tr class="last">...</tr>
</table>

JSFiddle：http://jsfiddle.net/F826J/3/

防止在IE7 / 8中包装

1 个答案:

修改