如何使用css设置标签内容不超过两行，超过两行显示省略号

原内容如下图所示：

需求为，内容只显示两行，多于两行之后用省略号表示：

css设置：

-webkit-box-orient: vertical;
height: 44px;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;

如果内容过少时，可以高速自适应的话，可以将高度设置为

max-height: 44px;

这样设置，会使一行的内容高度自适应，超过两行的会显示省略号。