微信小程序内解决view内文字过多溢出

技术开发

单行情况

1
2
3
4
5
6
7
.example{
    overflow:hidden; //超出一行文字自动隐藏

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

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

多行情况 

1
2
3
4
5
6
7
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
font-size: 28rpx;//自适应字体
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;//设置 需要显示的行数