微信小程序 解决 view 文字 过多 溢出的问题,超过行数后隐藏显示省略号

多行文本

.note_item text {
    display: -webkit-box;
    font-size: 28rpx;
    color: #000000;
    line-height: 40rpx;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

单行文本

.note2_item text {
    display: block;
    font-size: 28rpx;
    color: #000000;
    line-height: 40rpx;
    height: 120rpx;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

tip:必须要有宽度

微信小程序 解决 view 文字 过多 溢出的问题,超过行数后隐藏显示省略号

上一篇:小程序中的web-view与h5网页之间的交互


下一篇:微信小程序——动态修改页面数据及参数传递