首页 > Web开发 > 详细

CSS文本省略显示

时间:2020-06-05 17:04:09      阅读:47      评论:0      收藏:0      [点我收藏+]

当页面上有过多文字的时候,往往需要省略显示,CSS可以很方便的做到这点。

单行文本省略显示
width: 68%; // 需要固定一个宽度
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
多行文本省略显示(适用于WebKit浏览器和移动端)
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; // 设置需要显示的行数
overflow: hidden;

CSS文本省略显示

原文:https://www.cnblogs.com/10yearsmanong/p/13050678.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!