多行文本处理溢出省略的方法

<div class="example">单行文本溢出的处理方法，单行文本溢出的处理方法</div>
<div class="example-one">多行文本溢出的处理方法，多行文本溢出的处理方法多行文本溢出的处理方法，多行文本溢出的处理方法，多行文本溢出的处理方法，</div>

<style>
.example{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
</style>

<style>
.example-one{ display:-webkit-box !important; overflow:hidden;
text-overflow:ellipsis;
-webkit-box-orient:vertical; /*文本方向为横向*/
-webkit-line-clamp:3;   /*显示文本的行数*/}
</style>