本文摘自PHP中文网，作者云罗郡主，侵删。
目前，利用css样式水平居中有很多种方法，但是很多人不知道怎么选择css水平居中方法，下面我们php中文网为您总结一下css文字水平怎么垂直居中？以及实现css文字水平居中的4种方法。
现在使用css进行文字的水平和垂直居中，并不是一件容易的事情，有些新手在使用css方法去实现css居中，在浏览器并没有什么效果，可能是由于兼容的问题或者是一些非主流的浏览器。【推荐阅读：用CSS实现DIV水平居中显示】
1.使用绝对定位和margin: auto相结合
margin: auto属性， margin后面是有四个属性的，分别是上下左右，只要我们把margin设置成auto，就可以是先水平居中了。
2.使用绝对定位，利用transform属性实现
相关阅读 >>
更多相关阅读请进入《css文字垂直居中》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
