文字溢出不换行显示省略号

单行

white-space: nowrap;

text-overflow:ellipsis

width: 200rpx;

overflow:hidden;

多行display: 

-webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;