微信小程序 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;
}
微信小程序 text 标签，发现设置行高后无效。解决办法就是在外层嵌套多一层 view，然后在 view 的样式中...
微信小程序踩坑 textarea中placeholder设置行高(无效)场景: ui设计稿中placeholder...
一、Text 1、Text文字适配 在程序入口全局设置 设置大小 设置字体 2、Text显示不全 1.设置行高 l...
解决方案：Text 的 style里增加lineHeight设置行高
1、行间距(line-height)： 行间距 = 行高-字体大小可以设置line-height可以间接的设置行高...
设置宽度width 无效。 设置高度height 无效，可以通过line-height来设置。 设置margin ...
问题：微信小程序里使用wx.setKeepScreenOn设置屏幕常亮在iOS无效。原因：wx.setKeepSc...
设置line-height，文字就会在垂直方向居中。line-height是行高，height就是高，通常heig...
问答： 1. line-height有什么用? 设置行间的距离（行高）； 设置line-height和height...
行间距 line-height用于设置行高，行高越大则行间距越大。 行间距=line-height–font-si...
本文标题：微信小程序解决 text 设置行高 line-height 无效
本文链接：https://www.haomeiwen.com/subject/adjmmftx.html
网友评论