<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>