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; 三个属性写上,并且写在块级元素

你可能感兴趣的:(text超过行后隐藏显示省略号)