1

ここで興味深い問題があります。div 内にラップされたリンクがあります。

<div class="field-content news-panel-title">
    <a href="/news/">Chiquita Fresh North America Recognizes My Company with Chiquita Green Transportation Excellence Award</a>
</div>

CSS は次のとおりです。 

.news-panel-title {
margin-top: 1px;
margin-left: 15px;
width: 500px;
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.2em;
}

私の問題は、IE 9 と 10 では (IE 8 ではなく十分に面白いですが)、テキストが単語の途中で折り返されることです。IE 8 では、少なくとも単語全体がラップされます。display:inline-block、width、text-overflow、overflow、および white-space をアンカー自体に直接適用しようとしましたが、追加の運はありませんでした。ここで何が間違っていますか？部分的な単語のラップとは何ですか? もちろん、クロム/ファイアフォックスではすべてがコーシャです。Doctype html5.

4

2 に答える 2

0

このプロパティを試しましたか？

-ms-word-wrap: break-word;
于 2013-01-19T12:47:17.817 に答える
0

CSS を次のように変更してみてください。

.news-panel-title {
margin-top: 1px;
margin-left: 15px;
width: 500px;
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.2em;
word-break: break-all;
-ms-word-break: break-all;
}
于 2013-11-16T11:51:21.240 に答える