原内容如下图所示:
需求为,内容只显示两行,多于两行之后用省略号表示:
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;
这样设置,会使一行的内容高度自适应,超过两行的会显示省略号。