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

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