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

微信小程序 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;
    }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,018评论 1 45
  • 中年的生活,步调是缓慢和单调的。少年的活力,壮年的激情,已经在岁月的侵蚀下,如同河床中的鹅软石,失去棱角,圆润而充...
    走在雨的缝中阅读 3,017评论 11 4
  • 写在前面的话:回想已过的2017年是开扩思路的一年。年度关键词:有序、思考、尝试。 1、阅读了二十余本书,...
    蔡蔡猫猫阅读 2,920评论 0 3
  • 昨天没睡好,今天蒙蒙的! 下午阳光好,骑着车上班。 过马路时手机掉在了路中间,我还没发现,几位好心人发现急急忙忙喊...
    颖仔心随阅读 708评论 0 1
  • 护照这个事大家都清楚,基本代表了一个国家的综合能力和外交实力,其中还有一些历史因素的影响,世界上最好用的护照当属两...
    丹尼丹泥蛋泥阅读 4,688评论 0 0