有关语句“margin:0 auto;”的相关问题

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浮动样式,
 避免逻辑错误,造成布局居中不兼容。

猜你喜欢

转载自blog.csdn.net/qq_42592823/article/details/114543421