求教css中元素的auto属性值是什么意思,比如margin:0 auto表示什么?

如题所述

把一个属性的值设置为auto,就是让各个浏览器对该属性使用各自的默认值。

定义一个方向为auto,让浏览器自动选择合适的margin(页边距)大小;

margin:0 auto可以实现水平居中,其相当于margin:0,auto,0,auto

margin:auto = margin:auto auto auto auto;

margin:0 auto = margin:0 auto 0 auto;

margin:n m p q表示该元素上外边bai距为n,右外边距为m,下外边距为p,左外边距为q,即 margin:上 右 下 左 ,逆时针一圈。

扩展资料:

“margin:20px;”表示四个方向的外边距都是20px;

“margin:20px 40px;”表示top为20px,right为40px;由于bottom和left缺省,所以自动将它们分别设为20px和40px。转化为第4种写法为:“margin:20px 40px 20px 40px;”。

“margin:20px 40px 60px;”表示top为20px,right为40px,bottom为60px;由于left缺省,所以自动将它设为40px。转化为第4种写法为:“margin:20px 40px 60px 40px;”。

参考资料来源:百度百科-margin

温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-02-04
定义一个方向为auto,让浏览器自动选择合适的margin(页边距)大小;
margin:0 auto可以实现水平居中,其相当于margin:0,auto,0,auto
第2个回答  2013-02-04
把一个属性的值设置为auto,就是让各个浏览器对该属性使用各自的默认值。
第3个回答  2013-02-04
首先你要知道,margin后面是有4个参数的。例如:margin:1px 1px 1px 1px
分别表示 上、右、下、左。如果只写2个参数的话,比如:margin:1px 2px
那么着是代表 上下都为1px 左右都为2px.
至于居中,很明显,margin:0 auto 是标准的写法!明白??
第4个回答  推荐于2018-02-26
css中的auto是自动适应的意思,而在css中auto往往都是默认值。

正如margin:0 auto,意思就是上下边距为0,左右边距为auto,就是自动适应。
但是,如果要使用他的话,就必须给标签配上指定的宽度,如下:
<div class="center">居中</div>
<style type="text/css">
.center{
width:200px;

height:200px;

margin:0 auto;

background-color:yellow;

}
</style>

另外,margin:0 auto 和 margin: 0 auto 0 auto 的效果是相同的。
都是指的上下边距为0,左右边距自动适应宽度相等。本回答被网友采纳