微信小程序如何实现文字居中和div上下左右居中

样本箱 0 箱 如何实现 text1 和 text2 的文字居中，以及 div 上下左右居中内容：可以通过以下样式代码实现：

.grid-item-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.text1 {
  text-align: center;
}

.text2 {
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.text3 {
  font-size: 24rpx;
}

.text4 {
  font-size: 16rpx;
  margin-left: 5rpx;
}

将上述样式代码应用到对应的 HTML 元素上即可实现文字居中，div 上下左右居中的效果。