关于微信小程序标签用flex布局不能居中的问题解决

 
Js/Css/jQuery

如果<text>标签在flex布局中不能居中，特别是数字，那么首先给text设置一个高度和行高，高度和行高要一样，例如都是36rpx，但是这样在魅族或者其他手机上还是会不居中，所以需要在text外面再包裹一层<view>，<view>可以不用设置任何css样式，即可完成<text>的居中问题


样式参考：

position: absolute;
            width: 32rpx;
            height: 32rpx;
            border-radius: 50%;
            color: #fff;
            background: #004f1b;
            
            line-height: 32rpx; // font-size:24rpx;
            font-size: 24rpx;
            top: 17rpx;
            right: 0rpx;
            display:flex;
            justify-content:center;
            align-items:center;

有话要说