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

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

    某某信用卡  再减
 
 
      15元  
  

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

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

    
        某某信用卡  再减
    
    
         15元  
    

.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;

四、效果图

 

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