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

前端之家收集整理的这篇文章主要介绍了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;我相信你需要什么.
原文链接:https://www.f2er.com/css/215270.html

猜你在找的CSS相关文章