先写上html代码，如图，内容很简单，就是一个div里有一段文本。
02再写上div对应的样式，如图，这里只设置了div的边框和高度，宽度。
03如果这里显示的话，我们看下页面，文本是不会水平居中和垂直居中的。
04要让文本水平居中，我们可以添加样式：text-align: center
要让文本垂直居中，我们可以添加样式： vertical-align: middle和display: table-cell
05添加完这几个样式后，刷新页面可以看到现在的文本已经可水平居中和垂直居中了。
根据问题描述有以下几种方式：
如果文本是固定字数且文本父级是固定高度 可用 vertical-align:middle
如果文本字数不是固定数，且文本父级层不是固定高度，可用 padding
如：padding：20px 0px这样文本距离层上下都是 20px，看着就垂直居中了。
