Text-Überlauf: Auslassungszeichen für die erste Zeile, wenn die Leitung

Question

bricht ich ein div mit CSS haben:

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.

Aber wenn die oben genannten CSS verwendet wird, wird div Inhalt gebrochen und auch ohne three dots //as of text-overflow: ellipsis;. Wenn ich word-break: break-all; entferne, werden zwei Zeilen mit dem ersten Wort in der ersten Zeile und der zweiten in der zweiten Zeile gebildet. Aber funktioniert damit.

Was kann ich tun, um den gesamten Text in einer Zeile zu halten und auch text-overflow: ellpsis; funktioniert?

Danke!

Answer 1

white-space: nowrap; Ist, was Sie brauchen, glaube ich.