css margin:0 auto;为什么可以居中，0是什么意思，auto呢？ margin:0 auto中 0什么意思 auto又是什么意...

\u6c42\u6559css\u4e2d\u5143\u7d20\u7684auto\u5c5e\u6027\u503c\u662f\u4ec0\u4e48\u610f\u601d\uff0c\u6bd4\u5982margin:0 auto\u8868\u793a\u4ec0\u4e48\uff1f

\u628a\u4e00\u4e2a\u5c5e\u6027\u7684\u503c\u8bbe\u7f6e\u4e3aauto\uff0c\u5c31\u662f\u8ba9\u5404\u4e2a\u6d4f\u89c8\u5668\u5bf9\u8be5\u5c5e\u6027\u4f7f\u7528\u5404\u81ea\u7684\u9ed8\u8ba4\u503c\u3002
\u5b9a\u4e49\u4e00\u4e2a\u65b9\u5411\u4e3aauto\uff0c\u8ba9\u6d4f\u89c8\u5668\u81ea\u52a8\u9009\u62e9\u5408\u9002\u7684margin\uff08\u9875\u8fb9\u8ddd\uff09\u5927\u5c0f\uff1b
margin:0 auto\u53ef\u4ee5\u5b9e\u73b0\u6c34\u5e73\u5c45\u4e2d\uff0c\u5176\u76f8\u5f53\u4e8emargin\uff1a0\uff0cauto\uff0c0\uff0cauto
margin:auto = margin:auto auto auto auto;
margin:0 auto = margin:0 auto 0 auto;
margin:n m p q\u8868\u793a\u8be5\u5143\u7d20\u4e0a\u5916\u8fb9bai\u8ddd\u4e3an\uff0c\u53f3\u5916\u8fb9\u8ddd\u4e3am\uff0c\u4e0b\u5916\u8fb9\u8ddd\u4e3ap\uff0c\u5de6\u5916\u8fb9\u8ddd\u4e3aq\uff0c\u5373 margin:\u4e0a \u53f3 \u4e0b \u5de6 \uff0c\u9006\u65f6\u9488\u4e00\u5708\u3002

\u6269\u5c55\u8d44\u6599\uff1a
\u201cmargin:20px;\u201d\u8868\u793a\u56db\u4e2a\u65b9\u5411\u7684\u5916\u8fb9\u8ddd\u90fd\u662f20px\uff1b
\u201cmargin:20px 40px;\u201d\u8868\u793atop\u4e3a20px\uff0cright\u4e3a40px\uff1b\u7531\u4e8ebottom\u548cleft\u7f3a\u7701\uff0c\u6240\u4ee5\u81ea\u52a8\u5c06\u5b83\u4eec\u5206\u522b\u8bbe\u4e3a20px\u548c40px\u3002\u8f6c\u5316\u4e3a\u7b2c4\u79cd\u5199\u6cd5\u4e3a\uff1a\u201cmargin:20px 40px 20px 40px;\u201d\u3002
\u201cmargin:20px 40px 60px;\u201d\u8868\u793atop\u4e3a20px\uff0cright\u4e3a40px\uff0cbottom\u4e3a60px\uff1b\u7531\u4e8eleft\u7f3a\u7701\uff0c\u6240\u4ee5\u81ea\u52a8\u5c06\u5b83\u8bbe\u4e3a40px\u3002\u8f6c\u5316\u4e3a\u7b2c4\u79cd\u5199\u6cd5\u4e3a\uff1a\u201cmargin:20px 40px 60px 40px;\u201d\u3002
\u53c2\u8003\u8d44\u6599\u6765\u6e90\uff1a\u767e\u5ea6\u767e\u79d1-margin

\u4e0a\u4e0b\u5916\u8fb9\u8ddd\u4e3a0\uff0c\u5de6\u53f3\u5916\u8fb9\u8ddd\u4e3a\u81ea\u52a8\uff0c\u8981\u60f3\u5c45\u4e2d\uff0c\u8fd8\u5f97\u6307\u5b9a\u76d2\u5b50\u7684width

margin是设置外边距的，它有四个值，margin：4px 5px 5px 5px;分别表示上边距，右边距，下边距，和左边距，是从上按顺时针设置的，如果单个设置，他又有margin-top：3px；margin-right：3px；margin-bottom：3px；margin-left：3px；如果margin后面跟着两个数值，则他表示，上下边距相同，左右边距相同，margin：0 auto； 这其中0是上下边距都是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（层叠样式表）_百度百科  

0指的是上下的边距，auto指的是左右的边距，这是一种简写的方式。当左右边距自适应也就是为auto的时候，浏览器就会认为这个元素是居中的了

在css中，0是指无间距，auto是自动调节，如果要居中一般不用marign，因为marign是要输入距离的，你要用marign居中就要自己计算距离

扩展阅读：www.sony.com.cn ... css display flex ... css box-sizing ... css padding ... css text-align ... css margin auto ... css justify ... css border-radius ... margin 0 auto ...