在网页编辑中，我们常常使用div来进行网页的布局。但是如何使div水平居中呢？我认为这一种方法比较于其他的方法更好用一些（个人建议）。
工具/原料
1
计算机
2
Sublime text3
准备工作
1
打开sublime text3，并且新建一个html文档和一个css文档（这里我们要做到结构和样式相分离，为了更好编写，我分了两屏）
2使用css水平居中div
把最基本的html框架写出来：
3
在html的head部分写上编码字符集并引入css文件（ ）在css里面使用通配符选择器，把网页初始的margin和padding归0（*{ margin: 0px; padding: 0px;}）
4
在html的body里面写一个div，打上文字并设置一个class名（
使用css水平居中div
）在css里面选择这个div，给它设置宽、高、背景颜色和边框（width: 200px; height: 200px; border: 1px solid black; background-color: green;）5
在浏览器中打开，查看现在的效果
使用margin水平居中div
1
我们直接在选择的div的class名里面加一个“margin: 0 auto;”属性保存，在浏览器中刷新，就可以看到div水平居中了。
2
“margin: 0 auto;”这个属性设置的是div的外边距高为0，宽为auto（自动）。
注意事项
1
本篇经验是作者一个字一个字打出来的，如果你觉得有用，请点赞哟！
2
本篇经验属于作者原创，请勿转载，谢谢配合
上一篇：几个妙招让你胸部更坚挺
下一篇：国民体质测定都有哪11项