对于一行文本多余部分用省略号代替,常用下面的方法:
text-overflow: ellipsis;
overflow: hidden;
white-space:nowrap;
对于两行或者多行常用下面的方法:
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
这里设置的是两行文本,更改-webkit-line-clamp的值可以设置多行文本的多余部分省略。