收藏
回答

使用display:flex时垂直水平居中不准确

问题模块 框架类型 问题类型 终端类型 操作系统 微信版本 基础库版本
框架 小程序 Bug 微信iOS客户端 6.6.5 1.9.1

用‘px’做单位时


css

.checkout-all {

width:24px;

height:24px;

border:1px solid #e5e5e5;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

}

.checkout-spot {

width:12px;

height:12px;

background:#2d9aff;

border-radius:50%;

}

html

<view class="checkout-all checkout-spot">
<view class="checkout-spot"></view>
</view>

用rpx做单位时


css

.checkout-all{
width: 46rpx;
height: 46rpx;
border: 1px solid #e5e5e5;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
.checkout-spot{
width: 24rpx;
height: 24rpx;
background: #2d9aff;
border-radius: 50%;

}
}

问题:用rpx做单位时,是不是感觉有点没居中

最后一次编辑于  2018-03-29  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答