上面是多行文本,我们想要它最多显示两行,多的话用省略号替换,添加下面的样式就行,如下
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
即如下
添加后效果如下
看,可以。
上面是多行文本,我们想要它最多显示两行,多的话用省略号替换,添加下面的样式就行,如下
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
即如下
添加后效果如下
看,可以。