2、对最外层对象设置margin:0 auto样式，代码：.php{margin:0 auto}
案例：
为了观察到布局居中效果，我们CSS命名对象为".php",设置CSS边框为黑色，css宽度为400px，css高度为100px。
1、css代码如下：
<style>
body{text-align:center}
.php{margin:0 auto;width:400px;height:100px;border:1px solid #000}
/* CSS注释：设置对象边框、宽度、高度 便于观察布局效果 */
</style>
2、HTML代码片段：
<div class="php">对象php布局居中了</div>
以上就是css怎么整体居中的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
