web-dev-qa-db-ja.com

text-overflow:EllipsisはIEでは動作しません

this ページでは、左側のサイドバーにいくつかのリンクがあります:

.widget-area .textwidget li {
    overflow: hidden;
    text-overflow: Ellipsis;
    white-space: nowrap;
}

Firefox/Chromeでは、適切に表示されます。 Screenshot from Firefox/Chrome

残念ながらInternet Explorer 8/9/10 ...: Screenshot from IE 10

問題はIE 10 text-overflow:Ellipsis ..のサポートです。たとえば this works on IE 10 too!私の実装の何が問題になっていますか?-ms-text-overflow:Ellipsisを追加しようとしましたが、うまくいきませんでした。

28

Word-wrap: break-Wordプロパティを削除すると役立ちます。

40
duri

cSSコードにwidthプロパティを追加します。これは役立ちます。

2
asifsid88

IEには、ur幅のプロパティを変更するなどの追加コードを追加する必要があります。または、代替ソリューションとなるdotdotdot jqueryプラグインを使用してみてください。

http://dotdotdot.frebsite.nl

編集:このリンクをたどります

Quirksmode textoverflow

iEにwidth:100%を設定するよう指示します。

0
Lucky