0

FF v14 には、私が求めている外観があります。IE9 はオーバーフローを隠したり、省略記号を表示したりしません。これを IE9 で動作するように修正するにはどうすればよいですか?

<!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">
    .col
    {
        max-width:10em;overflow:hidden;text-overflow:ellipsis;
    }
    .row
    {

    }
    .table
    {
        white-space: nowrap;
    }
    </style>
</head>
<body>
<table class="table">
    <tr class="row">
        <td class="col">This is some text in row 1 column 1</td>
        <td class="col">This is what it looks like in row 1 column 2</td>
    </tr>
    <tr class="row">
        <td class="col">here is row 2 column 2</td>
    </tr>
</table>
</body>
</html>

更新
Visual Studio で検証エラーに気付きました:

Validation (CSS 2.1): 'text-overflow' is not a known CSS property name.

これは、より高いバージョンの CSS を明示的に指定する必要があるということですか? はいの場合、どのように？

フィドル

4

1 に答える 1

2

私が考える唯一の解決策は、セルの内容を DIV でラップすることです。

        <td><div class="col">This is some text in row 1 column 1</div></td>

少し面倒ですが、IE、Chrome、FF、Safari で動作するようです。

于 2012-08-06T16:02:45.577 に答える