1、横向水平居中：“text-align:center”；
2、垂直竖直居中：“margin:0 auto”；
3、单行文本垂直居中：style="height:120px; line-height:120px;"；
技巧：让文字段落高度（line-height）和所在区域高度（height）设为一致即可。
4、多行文本垂直居中：style="padding:30px 0;"；
技巧：让高度自适应（不要设置文本所在范围高度，同时进行上下填充控制，即设置padding属性）。
5、让文本在浏览器中垂直居中：style="position:absolute; top:50%; left:50%;"；
技巧：“position:absolute”这一句是关键，配合“top:50%”一起使用就达到了对文本实现垂直居中控制的效果。
来源：https://www.cnblogs.com/AlixLing/archive/2011/08/22/2149419.html