首先我們來講一下單行文本省略號的寫法霞捡，代碼如下契耿，前提必須給一個寬
1
overflow:hidden;
超出限定的內(nèi)容就隱藏
2
white-space:nowrap
設置文字在一行顯示塘安，不能換行
3
text-overflow:ellipsis;
超出文本的內(nèi)容用省略號代替
列如
<p>我是一只小小小小鳥，想要飛卻怎么飛也飛不高</p>
微信截圖_20190628210808.png
接下來是多行文本省略號的代碼靖榕，也得給一個寬
1
-webkit-line-clamp:2;
最多顯示兩行
2
display:-webkit-box;
彈性盒模型顯示
3
-webkit-box-orient：vertical;
4
overflow:hidden;
超出限定的內(nèi)容就隱藏
5
text-overflow:ellipsis;
裁剪超出的內(nèi)容蓖谢，這個可以省略域滥，
列如
<p>那些年你很冒險的夢，我陪你去瘋</p>
截圖.png
