微信小程序 文字居中

1 有宽高 line-height

<view class='container'>
    666
</view>

.container{
  border: 2rpx black solid;
  width: 400rpx;
  height: 200rpx;
  text-align: center;   /* 左右居中 */
  line-height: 200rpx;  /* 设置行高 使文字上下居中 */
}

2 使用flex布局

<view class='container'>
    <text>666</text>
</view>

.container{
  border: 2rpx solid red;
  width: 500rpx;
  height: 200rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}