(1)单行
.text{
line-height: 1rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
(2)多行
.text{
height: 3rem ;//firefox兼容问题,因为firefox不兼容display: -webkit-box;
line-height:1rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
}