[分享]css两行文字上下居中

在web页面中，经常会有两行文字需要上下居中对齐的情况，这时候我们可以使用CSS来实现。

代码示例：
.p-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100px;
} 

上面的代码中，我们使用了flex布局，将父容器设置为column方向，这样子容器垂直方向的排列就可以实现上下居中对齐了。接着，我们使用了justify-content属性，设置居中对齐。

实际使用中，我们需要给父容器设置一个height属性，这个属性值需要根据真实情况而定。如果我们不知道当前两行文字的高度，可以先将height设为一个较大的值，然后在开发者工具中进行调试，逐渐调小height值，直到实现了上下居中对齐。