text超过行后隐藏显示省略号

text{

overflow:hidden;//超出一行文字自动隐藏

text-overflow:ellipsis;//文字隐藏后添加省略号

white-space:nowrap;//强制不换行

}

或者多行的用这些：

display: -webkit-box;

word-break: break-all;

text-overflow: ellipsis;

font-size: 32rpx;

overflow: hidden;

-webkit-box-orient: vertical;

-webkit-line-clamp:2;

如果想要达到文字隐藏后添加省略号的效果，经测试  是要把 overflow:hidden ；text-overflow:ellipsis;； white-space:nowrap; 三个属性写上，并且写在块级元素