我有一个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; }
在这个div的内容是//例如,只授予显示DIV长度“ABCDEF abcdefabcdefabcdefabcdefaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa”.
但是如果使用上面的CSS,div内容将被破坏,并且没有三个点//文本溢出:省略号;如果我删除word-break:break-all;然后将形成两条线,第一行为第一行,第二行为第二行.但是文本溢出:省略号;适用于此.
我该怎么做才能将所有文本保留在一行上并使文本溢出:ellpsis;工作?
谢谢!
解决方法
白色空间:nowrap;我相信你需要什么.