我有一个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 举报,一经查实,本站将立刻删除。