微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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.jb51.cc/css/215270.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。