在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ css 怎么在第二行顯示省略號 (兼容火狐/IE)

css 怎么在第二行顯示省略號 (兼容火狐/IE)

再寫一個vue項目,一般多行顯示都使用如下

text-overflow: ellipsis;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 2;     /*第幾行顯示省略號*/  
-webkit-box-orient: vertical;

但是這個并兼容火狐和IE,請問要怎么兼容這些瀏覽器?

回答
編輯回答
熊出沒

display: -webkit-box;這個屬性firefox和ie是不兼容的,
如果要做第二行超出省略,建議使用js控制。

2018年3月17日 17:21
編輯回答
別瞎鬧

flex你就按標(biāo)準(zhǔn)的寫,編譯時會幫你兼容的
-webkit-line-clamp這個是兼容不了的

2017年4月11日 12:42
編輯回答
胭脂淚

可以考慮寫兩個div和一個默認(rèn)值為false的參數(shù)a,第一個div只有一行且不限寬度,放所有文字內(nèi)容,生成頁面時判斷是不是超過限定width值,如果超過了修改width為限定值并且overflow:hidden掉,然后給參數(shù)a=true。第二個div里面只寫省略號,v-show="a",當(dāng)a為true時才顯示。
我是這個想法,有點(diǎn)復(fù)雜,邏輯很簡單,能不能實現(xiàn)不知道,但是我覺得應(yīng)該可以吧

2018年5月25日 03:48