1.普通單行截斷省略
overflow:hidden; 文字長度超出限定寬度，則隱藏超出的內容） text-overflow:ellipsis;（設置文字在一行顯示，不能換行） white-space:no-wrap;（規定當文本溢出時，顯示省略符號來代表被修剪的文本） 這個方法的優點：
無兼容問題
響應式截斷
文本溢出范圍才顯示省略號，否則不顯示省略號
省略號位置顯示剛好
缺點：
只支持單行文本截斷
2.多行截斷省略
-webkit-line-clamp: 2;(用來限制在一個塊元素顯示的文本的行數, 2 表示最多顯示 2 行) display: -webkit-box; -webkit-box-orient: vertica; overflow: hidden; text-overflow: ellipsis; 這個方法的兼容性一般
出處鏈接：https://www.jianshu.com/p/5a0943faf7aa
溢出插件：
- clamp.js
- jQuery.dotdotdot