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

2018-02-01 11:40 更新

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

實現(xiàn)方法:

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

實現(xiàn)方法:

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

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號