如何实现以下逻辑：（前端技术方面）

我这里有一个列表，列表下面写的是每个人说的内容，他们的内容不固定长度，一般能超过
3行，先在有个需求就是让他们溢出列表盒子外面的隐藏，然后在最后能看到的那句话后面加
上一个省略号，但是有一个问题，列表盒子里面，很多人有些字段长度是不固定的，会把下面那个
个人介绍的盒子挤压，导致有些个人介绍本来该露3行，结果只露出了两行半，请问这个需求该怎么解决，谢谢

你试试这个，要显示几行就把2改为几

 .ellipsis{
    display:-webkit-box;
    overflow:hidden;
    white-space:normal!important;
    text-overflow:ellipsis;
    word-wrap:break-word;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

限定字数不行，但是可以固定盒子的高度就好了

.elli-5 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}

这样就行了

找好三行的高度，给个min-height就可以实现了
overflow:hidden;
text-overflow: ellipsis;
min-height:56px;