两个盒子中文字垂直对齐

在CSS中，如果你想将两个盒子内的文本垂直居中对齐，可以采用多种方法。以下是两种常见的方法：

**1. 使用Flexbox布局：**
如果容器是弹性盒模型（Flexbox），可以简单地通过设置`.container`的选择器为`display: flex; align-items: center;`来实现两盒子内文字垂直居中。

.container {
  display: flex;
  align-items: center;
}

.box {
  /* 其他样式 */
}

然后，只需将`.box`的`display`属性设为`flex`或`inline-flex`即可。

**2. 使用绝对定位和line-height：**
对于非Flexbox布局，可以利用绝对定位配合line-height来实现。首先设置一个父容器的高度，并赋予两个子盒子相同的`line-height`值等于父容器高度减去上下外边距。

.parent {
  position: relative;
  height: 150px; /* 或者自适应高度 */
  padding: 10px; /* 上下外边距 */
}

.box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); /* 把文字向下移动自身高度的一半 */
  line-height: 130px; /* 等于父容器高度 - 上下外边距 */
}