第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何實現(xiàn)多行文本顯示省略號?

如何實現(xiàn)多行文本顯示省略號?

幽蘭水 2017-04-12 15:23:30
對于一個設(shè)定了固定寬度和最大高度的容器,如何實現(xiàn)當(dāng)容器中顯示的文字溢出時以省略號的形式顯示。注:嘗試使用過dotdotdot.js,但該插件在配合angular中的ng-repeat指令使用時會出現(xiàn)抖動(即先顯示所有文本,然后再自動刷新成帶省略號的)。問,各位大神,誰有更優(yōu)雅的實現(xiàn)方法?
查看完整描述

1 回答

?
li_浩民

TA貢獻(xiàn)5條經(jīng)驗 獲得超1個贊

<div?class="text">
對于一個設(shè)定了固定寬度和最大高度的容器,如何實現(xiàn)當(dāng)容器中顯示的文字溢出時以省略號的形式顯示。對于一個設(shè)定了固定寬度和最大高度的容器,如何實現(xiàn)當(dāng)容器中顯示的文字溢出時以省略號的形式顯示。
</div>

css:

.text{
????width:?200px;
????overflow:?hidden;
????display:?-webkit-box;
????-webkit-box-orient:?vertical;//?設(shè)置或檢索伸縮盒對象的子元素的排列方式
????-webkit-line-clamp:?4;?//?顯示的行數(shù)
????word-break:?break-all;//允許在單詞內(nèi)換行
????text-overflow:?ellipsis;
}


查看完整回答
反對 回復(fù) 2017-04-17
  • 1 回答
  • 1 關(guān)注
  • 1633 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號