纵有疾风起
人生不言弃

微信小程序解决 text 设置行高 line-height 无效的问题

微信小程序 text 标签,发现设置行高后无效。解决办法就是在外层嵌套多一层 view,然后在 view 的样式中设置 line-height 属性即可。

微信小程序解决 text 设置行高 line-height 无效的问题插图
效果图
    <!-- xxx.wxml -->    <view class='view-text'>      <text class='text-content'>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</text>    </view>    // xxx.wxss    .view-text .text-content {      font-size: 32rpx;    }    .view-text {      line-height: 100rpx;    }

文章转载于:https://www.jianshu.com/p/50182f1adc27

原著是一个有趣的人,若有侵权,请通知删除

未经允许不得转载:起风网 » 微信小程序解决 text 设置行高 line-height 无效的问题
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录