CSS文字垂直居中

操作方法01

先写上html代码，如图，内容很简单，就是一个div里有一段文本。

再写上div对应的样式，如图，这里只设置了div的边框和高度，宽度。

如果这里显示的话，我们看下页面，文本是不会水平居中和垂直居中的。

要让文本水平居中，我们可以添加样式：text-align: center;
要让文本垂直居中，我们可以添加样式： vertical-align: middle;和display: table-cell;

添加完这几个样式后，刷新页面可以看到现在的文本已经可水平居中和垂直居中了。

以上内容就是来自于小编为大家分享的关于CSS文字垂直居中方面的知识，同时也希望小编所为大家分享的知识能够为大家起到帮助，那么如果大家还想要了解更多关于其他方面的知识，也欢迎小编对站长进行留言，我们将会听取用户们的建议，让本站越做越好。