問題

私はCSSでdivを持っています:

 div.c
{
font-size: 18px;
color: #888;
max-width: 300px;
display: inline-block;
overflow: hidden;
line-height: 20px;
text-overflow: ellipsis;
word-break: break-all;
}
 

The content in this div is "Abcdef abcdefabcdefabcdefabcdefaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" //for example, given only to show length in div

しかし、上記のCSSが使用されている場合、divコンテンツは壊れ、three dots //as of text-overflow: ellipsis;もありません。 word-break: break-all;を削除すると、最初の行と2番目の行の最初の単語が形成されます。しかし、text-overflow: ellipsis;はこれで動作します。

すべてのテキストを1行に保存し、text-overflow: ellpsis;を動作させるにはどうすればよいですか?

ありがとう!

  ベストアンサー

white-space: nowrap; あなたが必要とするものは私が信じるものです。

  同じタグがついた質問を見る

csshtmltext