单行文本溢出显示省略号overflow:hidden;text-overflow:ellipsis;white-space:nowrap;（需要给容器设置单行高）多行文字溢出显示省略号webkit浏览器或移动端在webkit浏览器或移动端（大部分以webkit为核心的浏览器）可以直接使用webkit的css扩展属性（webkit是私有属性）-webkit-line-clamp；注意：这是一个非标准属性，它不在CSS规范草案中——webkit-line-clamp用于限制块元素中显示的文本行数。为了达到效果，需要结合以下webkit属性使用：display:-webkit-box;(必须组合的属性，对象作为弹性框模型展示)-webkit-box-orient(必须组合的属性，用于设置或获取弹性框对象子元素的排列)的完整版是这样写的：overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;(两行文字)-webkit-box-orient:vertical;**跨浏览器兼容方案**比较靠谱简单的方法是设置相对定位容器高度，用省略号(...)元素模拟实现p{position:relative;line-height:1.4em;/*设置容器高度为行高的3倍表示显示3行*/height:4.2em;overflow:hidden;}p::after{content:'...';font-weight:bold;position:absolute;bottom:0;right:0;padding:020px1px45px;background:#fff;}注：IE6-7不显示内容Content，所以要兼容IE6-7，可以在内容中添加标签，如...来模拟；要支持IE8，需要把::after换成:afterJavaScript方案也可以用js按照上面的思路来模拟，实现起来也很简单。推荐两个做类似工作的成熟小工具：1.clamp.js2，jQuery插件jquery.dotdotdot好用，实现方法自行百度
