控制文本保留几行，末尾省略

一，保留一行

需要注意的是：text-overflow: ellipsis;只对display：inline；起作用。

overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 

二，保留多行（这里拿三行举例）

 display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; 

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/hdkf/10982.html