CSS中:margin:auto与margin: 0 auto;有什么区别

CSS中:margin:auto与margin: 0 auto;有什么区别。有的网站中写的是前者,有的写的是后者。但结果都是一样页面居中对齐,我想知道哪种写法更标准。

1、意思不同。margin:auto=margin:auto auto auto auto,表示上下左右都为auto;margin:0 auto=margin:0 auto 0 auto,表示上下为0,左右为auto;

2、居中方式不同。margin:auto表示横竖都居中,margin: 0 auto表示横居中,竖不居中;

margin后面一般会跟4个参数,如margin:1px、1px、1px、1px,分别表示上外边距为1px、右外边距为1px、下外边距为1px、左外边距为1px。

如果后面只写2个参数的话,如margin:1px、2px,则表示上下外边距为都为1px,左右外边距都为2px。

扩展资料

Cascading Style Sheets,中文含义是层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言,不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

margin是CSS的一个属性,主要功能是简写属性在一个声明中设置所有当前或者指定元素外边距属性。该属性可以有 1 到 4 个值。margin属性接受任何长度单位、百分数值甚至负值。

margin 属性可以单独改变元素的上,下,左,右边距。也可以一次改变所有的属性。所有浏览器都支持 margin 属性。

参考资料

CSS(层叠样式表)_百度百科  

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-07-18
margin的这个问题在w3school中就有详细的解释建议你看看,
margin有着一个属性继承的机制,大概意思是margin:上 右 下 左 ,其中:
你如果只填写了上,上的属性就会被右和下继承,然后右的属性又会继承给左
margin:auto完全写开的话应该是margin:auto auto auto auto;而margin:0 auto完全写开的话是margin:0 auto 0 auto;一个是上下左右全自动,一个是上下0左右自动
——来自一个前端学徒
第2个回答  2010-11-15
看下css手册,margin后跟四个参数:top right bottom left 还可简写为两个参数 即为 上下 左右 也可以设置一个参数 这样就代表设置这四个选项了,解释下margin: 0 auto;0为上下外间距为0px auto代表左右自动适应。
第3个回答  2010-05-06
margin:auto 意思是四个方向都用auto
margin:0 auto 的意思是上下为0 左右是auto
用div+css布局时多数会这样来居中
<div style="margin:0 auto"></div>
第4个回答  推荐于2018-02-23
首先你要知道,margin后面是有4个参数的。例如:margin:1px 1px 1px 1px
分别表示 上、右、下、左。如果只写2个参数的话,比如:margin:1px 2px
那么着是代表 上下都为1px 左右都为2px.
至于居中,很明显,margin:0 auto 是标准的写法!明白???本回答被提问者和网友采纳