28

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

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

Firefox/Chrome では正しく表示されます: Firefox/Chrome のスクリーンショット

残念ながら Internet Explorer 8/9/10...: IE 10 のスクリーンショット

問題は、text-overflow:ellipsis に対する IE 10 のサポートではありません。たとえば、これは IE 10 でも機能します。私の実装の何が問題になっていますか? -ms-text-overflow:ellipsis も追加しようとしましたが、運がありませんでした。

4

3 に答える 3

39

word-wrap: break-wordプロパティを削除すると役立つはずです。

于 2013-02-02T18:17:58.757 に答える
2

CSSコードに幅プロパティを追加してください..これは役に立ちます..

于 2013-02-02T17:15:02.280 に答える
1

IEの場合は、ur widthプロパティを変更するなどのコードを追加するか、dotdotdotjqueryプラグインを使用してみてください。これは代替ソリューションになります。このように

http://dotdotdot.frebsite.nl

編集：このリンクをたどる

Quirksmodetextoverflow

これは、IEの幅を100％に設定するように指示します 。

于 2013-02-02T17:09:57.220 に答える