//单行文本溢出部分隐藏显示省略号...
overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
/**
n 行文本溢出部分隐藏显示省略号..
使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；
（WebKit： 是一个开源的浏览器引擎） http://blog.csdn.net/cutesource/article/details/8731841/
-webkit-line-clamp:限制在一个块元素显示的文本的行数
（box-orient：指定一个box子元素是否应按水平或垂直排列）http://www.runoob.com/cssref/css3-pr-box-orient.html
**/
width:100%
height:20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
内容来源于网络如有侵权请私信删除
- 还没有人评论，欢迎说说您的想法！
客服
