1、 null
2、 所示,在HTML的body标签内插入一对div标签,即。
3、 接着为div设置宽高,需注意:若未显式设定宽度,其默认值为100%,将横向铺满整个页面。
4、 接着,为div设置深粉色背景色,便于直观观察其布局效果。
5、 接着预览div布局效果,可见其默认紧贴浏览器左侧,右侧留有较大空白,显然未实现水平居中。
6、 接下来为div设置margin属性:第一个值设为0,控制上边距;第二个值设为auto,浏览器将自动计算左右外边距,从而使该div在页面中水平居中显示。
7、 此时刷新页面,可见该div已自动居中显示,左右两侧与浏览器边缘间距完全相等。
