<div class=‘line‘>我是单行文字测试我是单行文字测试我是单行文字测试我是单行文字测试</div>
.line{ width:200px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
<div class=‘moreline‘>我是多行文字测试我是多行文字测试我是多行文字测试我是多行文字测试我是多行文字测试我是多行文字测试我是多行文字测试我是多行文字测试我是多行文字测试</div>
.moreline{ width:200px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow: ellipsis; }
原文：http://www.cnblogs.com/queff/p/5915570.html