做前端开发的时候经常会使用布局方式对文本进行排版，其中常见的有文本左对齐、居中对齐、右对齐、竖向垂直居中、横向垂直居中。
很多人在做垂直居中的时候可能会使用js作为辅助，或者使用行高进行限制，下面介绍使用纯的CSS样式使文本垂直居中，先看一下效果：
全部代码如下：
第一种对齐方式：文本竖向垂直居中。
其中有四个关键样式属性，它们分别是：
display:flex;
text-align:center;
align-items:center;
writing-mode:vertical-rl;
第二种对齐方式：文本水平垂直居中。
它也有四个关键属性进行限制，如下：
text-align:center;
display:flex;
align-items:center;
justify-content:center;
在做布局的时候使用display:flex，有时候很方便，使用它之后可以方便地设置对齐方式，除了上面的对齐，还有垂直居中左对齐，垂直居中右对齐等方式，如果不熟悉它的布局方式，可以在浏览器调试的时候进行选择，例如在edge中就可以手动选择对齐方式，如下所示：
css对齐方式就介绍到这里，感兴趣的话就赶紧动手试试吧。