本文摘自PHP中文网，作者anonymity，侵删。
一般网页主体内容布局均为居中于浏览器。如php中文网首页，主体为居中布局。如何使用CSS让整个网页布局居中呢？布局居中条件是什么呢？
首先我们要对body设置css内容居中样式（css text-align:center），然后布局最外层DIV盒子时候使用 margin:0 auto即可让对象布局居中。
当然我们对盒子对象使用了 margin:0 auto，有的浏览器不对body对象加text-align:center样式，布局仍然是居中的，这是因为不同浏览器默认样式不同造成，如果不对body设置text-align:center，这样会造成有的浏览器布局居中，有的靠左，这样布局的兼容就产生了。
解释：margin:0 auto，意思是让对象上下间隔为0，左右间隔自动，随对象宽度左右间隔自动，
网页布局居中条件
1、对body设置CSS内容居中样式text-align:center，代码：body{text-align:center}
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
