[分享]css两行字怎么居中

如何让CSS中的两行字居中呢？

.text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
} 

上述代码中，我们使用了Flexbox布局，设置了容器为垂直方向，同时采用了居中对齐的方式。我们还设置了文字居中对齐。

另外，我们也可以采用另一种方式：

.text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
} 

这种方式则是使用了绝对定位，设置了容器的上下左右都为50%，同时采用了平移的方式将容器移动到中心点，实现居中对齐。