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

两种情况:

1、只需要显示一行,超过的省略号处理

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

2、如果在多行的情况下

    
height: 90rpx;
line-height: 30rpx;    // 行高最好是设置为行间距的整数倍
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;    // 3行后隐藏

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