赶知识网

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

2019-03-06 / 2862次点击 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;

有用 0 没用 1

Top10

沪ICP备09053415号 © 赶知识网