css文字超出显示...单行、多行

.text{
line-height: 1rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.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;
}