一行：
.oneline{
white-space:nowrap;
overflow:hidden:
text-overflow:ellipsis;
width:100px;
}
<div class="oneline">abssadasasdgjkkkkkk;lk;k‘;</div>
多行(以3行为例)：
.oneline{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
}
原文：http://www.cnblogs.com/lr-blog/p/7372756.html