已解決430363個問題，去搜搜看，總會有你想問的

如何實現多行文本顯示省略號？

首頁猿問如何實現多行文本顯示省略號？

如何實現多行文本顯示省略號？

AngularJS Html/CSS JavaScript

幽蘭水 2017-04-12 15:23:30

對于一個設定了固定寬度和最大高度的容器，如何實現當容器中顯示的文字溢出時以省略號的形式顯示。注：嘗試使用過dotdotdot.js，但該插件在配合angular中的ng-repeat指令使用時會出現抖動（即先顯示所有文本，然后再自動刷新成帶省略號的）。問，各位大神，誰有更優雅的實現方法？

查看完整描述

1 回答

li_浩民

TA貢獻5條經驗獲得超1個贊

<div?class="text">
對于一個設定了固定寬度和最大高度的容器，如何實現當容器中顯示的文字溢出時以省略號的形式顯示。對于一個設定了固定寬度和最大高度的容器，如何實現當容器中顯示的文字溢出時以省略號的形式顯示。
</div>

css:

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

反對回復 2017-04-17

1 回答
1 關注
1635 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

如何實現多行文本顯示省略號？

如何實現多行文本顯示省略號？

1 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何實現多行文本顯示省略號？

如何實現多行文本顯示省略號？

1 回答

相關問題推薦

添加回答

如何實現多行文本顯示省略號？

如何實現多行文本顯示省略號？