CSS實(shí)現(xiàn)單行、多行文本溢出顯示省略號(…)

2018-02-01 11:40 更新

1.如果實(shí)現(xiàn)單行文本的溢出顯示省略號同學(xué)們應(yīng)該都知道用text-overflow:ellipsis屬性來,當(dāng)然還需要加寬度width屬來兼容部分瀏覽。

實(shí)現(xiàn)方法:

overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2.接下來重點(diǎn)說一說多行文本溢出顯示省略號,如下。

實(shí)現(xiàn)方法:

display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號