margin
为对象设置外边距, 如果我们给div设置一条边框线(border)样式后, 在DW软件即可看出margin设置的值, 其实是在边框外距离。 此样式设置对象(div)之间的间距的样式。
margin:0 auto; 设置对象上下间距为0,左右自动。
可拆分为:
margin:0 auto 0 auto;
还可以拆分为:
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
作用:
对DIV设置margin:0 auto样式,
是为了让DIV在浏览器中水平居中。布局居中、水平居中,
均加入margin:0 auto即可。
为什么要设置margin:0 auto;?
设置此样式让DIV布局水平居中于浏览器中,
目的就是兼容各大浏览器让布局居中。
如果不加margin:0 auto CSS样式,
会造成布局在有的浏览器中居中有的浏览器靠左。
禁:加粗样式
如果要让DIV布局居中浏览器中,加入margin:0 auto就不能加入float浮动样式,
避免逻辑错误,造成布局居中不兼容。