如何实现多行文本显示省略号？

Question

对于一个设定了固定宽度和最大高度的容器，如何实现当容器中显示的文字溢出时以省略号的形式显示。

注：尝试使用过dotdotdot.js，但该插件在配合angular中的ng-repeat指令使用时会出现抖动（即先显示所有文本，然后再自动刷新成带省略号的）。

问，各位大神，谁有更优雅的实现方法？

Answer 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; }