网站地图    收藏   

主页 > 前端 > css3 >

css3单行文字截取省略号多行文字截取省略号

来源:未知    时间:2016-07-08 17:10 作者:xxadmin 阅读:

[导读] css3单行文字截取省略号多行文字截取省略号 单行文字时候: box-sizing:border-box;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; 多行文字时候: -webkit-box-sizing:border-box;box-sizing:bo...

css3单行文字截取省略号多行文字截取省略号

blob.png

单行文字时候:

box-sizing: border-box;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

多行文字时候:

-webkit-box-sizing: border-box;
box-sizing: border-box; 

display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; //显示行数


自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论