css – 文本溢出:换行时第一行的省略号

我有一个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;我相信你需要什么.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效