Question

我正在尝试将表格单元格的内容剪切而不是导致单元格在高度上增长。 IE8运行良好，但当然IE6的行为完全不同。是否还有其他东西可以让IE6以我想要的方式运行？

这是我的示例页面html：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title></title>
    <style type="text/css">
        table.grid
        {
            border-style:none;
            border-color:#A0A0A0;   
            border-collapse:collapse;   
            width: 100%;
            table-layout:fixed;
        }

        table.grid tr
        {
            background-color:#F0F0F0;   
        }

        td
        {
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
        }
    </style>
</head>
<body>
    <table class="grid">
        <tr>
            <td style="width:100%;">test</td>
            <td style="width:100px;">test wide sentance</td>
            <!-- Second cell should clip instead of growing in height -->
        </tr>
    </table>
</body>
</html>

Answer 1

表和overflow一般来说都很棘手。如果可以，并且不会给您带来难以忍受的副作用，请将div添加到列中并将overflow: hidden应用于该列。

如何获得溢出：隐藏在IE6中工作？

1 个答案: