首頁猿問怎么辦：如果文字超出兩行，后面隱藏...

怎么辦：如果文字超出兩行，后面隱藏并用省略號顯示，如果沒有超出兩行，正常顯示

CSS3 Html/CSS Html5

zzZerOrz 2016-08-02 17:18:12

最好是用css來完成，并且支持大部分瀏覽器，O(∩_∩)O謝謝

查看完整描述

3 回答

念花生

TA貢獻2條經(jīng)驗獲得超0個贊

overflow: hidden;

? ? text-overflow: ellipsis;

? ? display: -webkit-box;

? ? -webkit-line-clamp: 2;

? ? -webkit-box-orient: vertical;

反對回復 2016-08-03

zhangcl

TA貢獻12條經(jīng)驗獲得超7個贊

不能限制兩行并且顯示省略號，要么設置多行顯示，要么單行超出顯示省略號；

如果你要實現(xiàn)兩行超出顯示省略號，可以變向實現(xiàn)：

設置元素的高剛好為兩行，并且自動換行，再設置超出時hidden，這樣就是自動換行的樣式，省略號要自己實現(xiàn)，比如用絕對定位的方式，弄到右下角，不知道你明白沒有

反對回復 2016-08-02

慕用0418482

TA貢獻98條經(jīng)驗獲得超15個贊

設置文本多行文本溢出為兩行就好

反對回復 2016-08-02

關注