微信小程序> 小程序text组件内部上边距的问题

小程序text组件内部上边距的问题

浏览量:3605 时间: 来源:weixin_34291004

index.wxml:

view class="slogan"            text                建立跨文化的全球视野,做世界公民            /text/view

 

index.wxss:

.slogan{    padding:19rpx 0;    background-color: 39B371;    text-align: center;    color:FFFFFF;}.slogantext{    font-size:20rpx;    line-height: 20rpx;}

 

效果:

小程序

 

明显看到上边距多了,我们将text设置为block块:

.slogantext{    font-size:20rpx;    line-height: 20rpx;    display: block;}

  

小程序

 

检查下来发现text有个内边距。

这个问题,解决也很简单,就是text内容不要写成几行,一行就可以了:

  view class="slogan"            text建立跨文化的全球视野,做世界公民/text   /view

 

对,就是这么简单。

题外话,text更像h5里面的span而不是p,并不是一个块级元素。

小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎