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

鍍金池/ 問答/Android  HTML/ 關(guān)于使用css設(shè)置文本超出部分用省略號(hào)表示的問題

關(guān)于使用css設(shè)置文本超出部分用省略號(hào)表示的問題

有個(gè)常見需求，一段很長的商品標(biāo)題要求顯示兩行，剩下用省略號(hào)代替。

clipboard.png

相關(guān)CSS代碼：
overflow:hidden;
text-overflow:ellipsis;
-webkit-line-clamp:2;
display:-webkit-box;
-webkit-box-orient:vertical;

如果標(biāo)題是個(gè)A標(biāo)簽，則在部分瀏覽器中，省略號(hào)就不在結(jié)尾了（在中間） 如：安卓版UC

例：（運(yùn)行結(jié)果是省略號(hào)在第二行文字中間）：
clipboard.png

clipboard.png

回答
編輯回答
深記你

沒試過UC，但是有一點(diǎn)你要知道，-webkit-line-clamp:2;不是css標(biāo)準(zhǔn)屬性，目前僅僅是webkit內(nèi)核支持，很爽的屬性，但是慎用。

2018年1月18日 21:31