微信小程序 文字超过行后隐藏显示省略号

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/mushui0633/article/details/65685655

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;

阅读更多

没有更多推荐了,返回首页