微信小程序解决view文本文字过多溢出问题

单行的

    overflow:hidden; //超出一行文字自动隐藏
    text-overflow:ellipsis;//文字隐藏后添加省略号
    white-space:nowrap; //强制不换行

多行的


 display: -webkit-box;//盒子类型
 word-break: break-all;//自动换行的处理方法。允许在单词内换行
 text-overflow: ellipsis;//溢出时用...
 font-size: 18rpx;//自适应字体
 overflow: hidden;
 -webkit-box-orient: vertical;
 -webkit-line-clamp:3;//行数

你可能感兴趣的:(小程序)