次の方法で共有

Internet Explorer がテキスト オーバーロー省略記号属性を正しく処理しない

警告

廃止され、サポート対象外となった Internet Explorer 11 デスクトップ アプリケーションは、特定のバージョンの Windows 10 で Microsoft Edge の更新プログラムを通じて完全に無効になります。 詳細については、「Internet Explorer 11 デスクトップ アプリの廃止に関する FAQ」をご覧ください。

この記事では、 text-overlow: ellipsis 属性が Internet Explorer の HTML ドキュメントの最初の行にのみ適用される問題を解決するための情報を提供します。

元の製品バージョン: Internet Explorer 11
元の KB 番号: 3056585

症状

CSS 属性を HTML ドキュメント内の複数行に適用した後、Internet Explorer で Web ページを表示すると、その属性が最初の行にのみ適用されているのがわかります。

原因

これは、Internet Explorer 10 と Internet Explorer 11 の既知の問題です。

決議

ページが Internet Explorer 5 と Internet Explorer 7 のドキュメント モードで使用されている場合、両方の行の省略記号が表示されます。

詳細

次のサンプル Web ページは、この問題を示しています。

<!DOCTYPE html>
<html>
    <head>
        <style>
            div
            {
                width: 100px;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        </style>
    </head>
    <body>
        <div>
            1111111111111111111111111111111111111111111111111111111111111111
            1111111111111111111111111111111111111111111111111111111111111111
        </div>
    </body>
</html>

この状況では、次のような出力が表示されます。

1111111111111...
111111111111111

次のような出力が表示されます。

1111111111111...
1111111111111...