[分享]css两行字如何垂直居中对齐

在CSS中，让两行字垂直居中对齐，是一道常见的难题。下面介绍几种方法。

/* 方法一：使用display: table; */
.container {
  display: table;
}
.line {
  display: table-cell;
  vertical-align: middle;
}

/* 方法二：使用flex布局 */
.container {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 方法三：使用line-height */
.line {
  height: 100px;
  line-height: 100px;
} 

以上方法都可以达到让两行字垂直居中对齐的效果。具体应该选择哪一种方法，根据实际情况决定。