margin:0 auto 表示啥意思？？

Posted 2023-04-06

在CSS中，margin:0 auto 表示什么意思？？有的书上说它表示居中，请问：是什么居中？举个例子好吗？

margin后面如果只有两个参数的话，第一个表示top和bottom，第二个表示left和right
因为0 auto，表示上下边界为0，左右则根据宽度自适应相同值（即居中） 参考技术A 1，margin后面如果只有两个参数的话，第一个表示top和bottom，第二个表示left和right

因为0 auto
2，auto 你可以理解为一种 自动/自适应 的概念 比如 现在项目需要一个宽度为960px的整体布局居中 ，根据用户浏览器大小不同你将需要使用margin:0 auto;来实现， 无论用户浏览器宽度为多少。
960px的定位宽度永远居中
3，margin设置对象外边距,如果我们给DIV设置一条边框线(border)样式后，在DW软件里即可看出margin设置值其实是在边框外距离，此样式设置对象（DIV）之间间距的样式 参考技术B 水平居中,

margin代码啥意思

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。
注释：允许使用负值。
可能的值
auto：浏览器计算外边距。
length：规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。
%：规定基于父元素的宽度的百分比的外边距。
inherit：规定应该从父元素继承外边距。 参考技术A margin就是外边距的意思，也就是说你定义的这个元素在外部偏移多少比如说margin-left:5px;那么你这个DIV左边就多了5PX的空白 参考技术B 外边距（外填充）,本区块与父标签的距离,就像楼上说的那样. 参考技术C 外边距，是盒模型最外的部分
如果设置为0 auto会居中 参考技术D 外边框