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

鍍金池/ 問(wèn)答/HTML/ 微信頁(yè)面文本溢出顯示省略號(hào)無(wú)效

微信頁(yè)面文本溢出顯示省略號(hào)無(wú)效

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

chrome正常

clipboard.png

微信內(nèi)置瀏覽器不支持
圖片描述

回答
編輯回答
夏木

單行文本溢出的話這樣就夠了

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

當(dāng)然寬度要固定好

2017年10月1日 10:51
編輯回答
離夢(mèng)

已解決
通過(guò)引用shave解決

  • 安裝

    npm install shave --save

  • 引入

    import shave from 'shave';

  • 處理

    shave('selector', maxheight)

    我的實(shí)現(xiàn)

        ...
    import shave from 'shave'
    ...
    updated () {
        shave('.video-desc', 40)    
        shave('.ellipsis', 400)
    },
    ...
2018年3月13日 04:00
編輯回答
故林

沒(méi)試過(guò)這個(gè)嗎，還是也不行？我們項(xiàng)目都是這樣的，暫時(shí)沒(méi)發(fā)現(xiàn)問(wèn)題
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
這個(gè)是支持多行的

2017年3月30日 15:35