码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2019-09-27 12:27:20      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:over   ips   文字   tip   lin   bre   ext   wrap   height   

多行文本

.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 文字 过多 溢出的问题,超过行数后隐藏显示省略号

标签:over   ips   文字   tip   lin   bre   ext   wrap   height   

原文地址:https://www.cnblogs.com/anyw3c/p/11596968.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!