0

我有一个空白设置为 nowrap 的表格，并且使用固定的表格布局限制了列宽。这正确地隐藏了 Firefox 中的长行，但在 IE9 中，这些行是换行的。

测试用例：

<table border="1" width=200 style="white-space: nowrap; table-layout: fixed;">
    <tr>
        <td style="overflow: hidden;" width=150>Word with some spaces that isnt working in IE</td>
        <td width=50>100/50</td>
    </tr>
    <tr>
        <td style="overflow: hidden;" width=150>LoooooooooOOOOOOOOOoooooooooooooooooongword</td>
        <td width=50>550/50</td>
    </tr>
        <tr>
        <td style="overflow: hidden;" width=150>AnotherLoooooooooooonnnnnnnnnnnnnnnnGWord</td>
        <td width=50>660/50</td>
    </tr>
</table>

火狐： 在此处输入图像描述

即 9： 在此处输入图像描述

4

1 回答 1

6

使用它在我的 IE9 中工作的严格文档类型，我得到了与 firefox 相同的结果。我已经用代码测试过

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    </head>
    <body>
    <form>
    <table border="1" width=200 style="white-space: nowrap; table-layout: fixed;">
        <tr>
            <td style="overflow: hidden;" width=150>Word with some spaces that isnt working in IE</td>
            <td width=50>100/50</td>
        </tr>
        <tr>
            <td style="overflow: hidden;" width=150>LoooooooooOOOOOOOOOoooooooooooooooooongword</td>
            <td width=50>550/50</td>
        </tr>
            <tr>
            <td style="overflow: hidden;" width=150>AnotherLoooooooooooonnnnnnnnnnnnnnnnGWord</td>
            <td width=50>660/50</td>
        </tr>
    </table>
    </form>
    </body>
    </html>
于 2012-07-04T12:30:45.003 回答