正常组件使用默认的属性时,只需要设置text-align属性为center即可,如下:
demo.wxml
<view class="test">测试</view>
demo.wxss
.test{
background-color: aqua;
text-align: center;
}
效果图:
<view class="test">
<text>测试</text>
</view>
demo.wxss
.test{
background-color: aqua;
height: 100rpx;
display: flex;
justify-content: center;
align-items: center;
}
效果图: