首先我們來講一下單行文本省略號的寫法霞捡,代碼如下契耿,前提必須給一個寬
1
overflow:hidden;
超出限定的內(nèi)容就隱藏
2
white-space:nowrap
設置文字在一行顯示塘安,不能換行
3
text-overflow:ellipsis;
超出文本的內(nèi)容用省略號代替
列如
<p>我是一只小小小小鳥,想要飛卻怎么飛也飛不高</p>
效果如下接下來是多行文本省略號的代碼靖榕,也得給一個寬
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>