小程序flex布局text标签不垂直居中问题

一、实现  空格功能，text替换掉 view 布局

<text class="size28">
    某某信用卡  再减
 </text>
 <text class="size36" decode="{{true}}">
     &nbsp;15元  
  </text>

其中 使用 text 的  decode="{{true}}" 

二、父级元素用 view 标签包裹 设置flex样式

<view class="my_css color37 pr60">
    <text class="size28">
        某某信用卡  再减
    </text>
    <text class="size36" decode="{{true}}">
        &nbsp;15元  
    </text>
</view>

.my_css{
    display:flex;
    justify-content:center;
    align-items:center;
    width:538rpx;
    height:82rpx;
    opacity: 0.7;
    background-image: linear-gradient(90deg, #F56D23 0%, rgba(251,166,73,0.00) 100%);
}
.my_css text{
    font-family: 'PingFangSC-Semibold';
    font-weight: bold;
    line-height: 0;
}

三、重点提示

text 标签 设置 line-height:0;

四、效果图

 

五、如有帮助，敬请点赞。