文本溢出：省略號的第一線時，換行符

Question

我有一個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;，則會形成兩行，第一行是第一個字，第二個是第二個字。但是text-overflow: ellipsis;適用於此。

我能做些什麼來保持所有文本在一行上，並使text-overflow: ellpsis;工作？

謝謝！

Answer 1

white-space: nowrap;是你需要我相信。