1.多行文本
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /*截取第三行*/
overflow: hidden;
效果:
2.单行文本
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /*截取第三行*/
overflow: hidden;
效果:
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;