微信小程序开发者微信小程序

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

2018-07-25  本文已影响1人  chenxuxu

微信小程序 text 标签,发现设置行高后无效。解决办法就是在外层嵌套多一层 view,然后在 view 的样式中设置 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;
    }

上一篇 下一篇

猜你喜欢

热点阅读