WEB-CSS实现单行（多行）文本溢出显示省略号

//单行文本溢出部分隐藏显示省略号...
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;

转载于:https://www.cnblogs.com/minibruin/p/8136706.html