微信小程序行间距设置无效怎么解决?

一棵低调的葱
  • 2
新手上路,请多包涵

小程序开发,字体缩小后,行间距设置无效,占用空间过大

clipboard.png

.shorttext{
width: 498rpx;
}
.shorttext text{
width: 498rpx;
height: 108rpx;
color: #a3a3a3;
font-size: 20rpx;
line-height: 20rpx;
}

主要是line-height设置没反应 怎么解决?

回复
阅读 14.4k
4 个回答

估计你是一行文字一个text标签吧。看下你的wxml结构。

乳酸君
  • 2
新手上路,请多包涵

设置text{float:left;}

VictorWu
  • 2
新手上路,请多包涵

text 可以理解为行内节点,要给text节点 display:blocktextline-height 才能生效。

text 可以理解为行内元素,要给text元素 display:block 后 text 的 line-height 才能生效。

你知道吗?

宣传栏