css文字竖行垂直居中 |body内容居中css样式

.container {
display: flex;
justify-content: center;
align-items: center;
writing-mode: vertical-rl;  /* 设置文字竖排 */
text-align: center;
height: 200px;
}

这里大家使用了CSS3的Flexbox布局来实现垂直居中，同时使用了writing-mode属性将文字竖排显示。

接下来是HTML代码：

这是一段竖排文字。

以上代码就能够实现文字的竖行垂直居中了。当然，在实际开发过程中，还可以根据实际情况进行微调。