text-overflow：换行时第一行的省略号

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;我相信你需要的是什么。