text-overflow: ellipsis に問題があります - 私のサイトでは動作しません。私は現在学んでおり、固定の高さのテキストを含む div があるこのプロジェクトがあります。text-overflow: ellipsis を試しましたが、うまくいかないようです。今私のコードは次のようになります:
<section class="comments">
<p>
Here is a short comment.
</p>
そして私のCSSは:
.comments p {
height: 40px;
text-align: justify;
text-overflow: ellipsis-word;
line-height: 20px;
word-wrap: break-word;
overflow: hidden;
}
動作するはずですが、動作しません。Firefox、Chrome、Opera、IE9 で開こうとしましたが、どれも機能しません。テキストを含むにスタイルを入れようとしましたが、<p>
役に立ちませんでした。を に変更して<p>
から<div>
、 にスタイルを設定しようとしました<div>
が、うまくいきませんでした。text-overflow: ellipsis only で試しましたが、うまくいきませんでした。text-overflow: clip で試しました - うまくいきませんでした。明らかに私はどこかで間違いを犯していますが、あまりにも明白すぎてそれを見ることができないと思います。ヘルプ!