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;
}

在这个div的内容是//例如,只授予显示DIV长度“ABCDEF abcdefabcdefabcdefabcdefaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa”.

但是如果使用上面的CSS,div内容将被破坏,并且没有三个点//文本溢出：省略号;如果我删除word-break：break-all;然后将形成两条线,第一行为第一行,第二行为第二行.但是文本溢出：省略号;适用于此.

我该怎么做才能将所有文本保留在一行上并使文本溢出：ellpsis;工作？

谢谢！

解决方法

• 上一篇：css – 根据Twitter Bootstrap中的下一篇：在CSS声明中是否需要在冒号后面加一