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

html-css012

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

把一个属性的值设置为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

css中的auto是自动适应的意思,而在css中auto往往都是默认值。\x0d\x0a\x0d\x0a正如margin:0 auto,意思就是上下边距为0,左右边距为auto,就是自动适应。\x0d\x0a但是,如果要使用他的话,就必须给标签配上指定的宽度,如下:\x0d\x0a居中\x0d\x0a\x0d\x0a.center{\x0d\x0awidth:200px\x0d\x0a\x0d\x0aheight:200px\x0d\x0a\x0d\x0amargin:0 auto\x0d\x0a\x0d\x0abackground-color:yellow\x0d\x0a\x0d\x0a}\x0d\x0a\x0d\x0a\x0d\x0a另外,margin:0 auto 和 margin: 0 auto 0 auto 的效果是相同的。\x0d\x0a都是指的上下边距为0,左右边距自动适应宽度相等。 回答于 2022-11-16

一、区别

1、参数详解

margin:auto = margin:auto auto auto auto

margin:0 auto = margin:0 auto 0 auto

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

2、实例说明

margin后面是有4个参数的。

例如:margin:1px 2px 3px 4px,分别表示 上(1px)、右(2px)、下(3px)、左(4px)。

margin后面如果只写2个参数的。

例如:margin:1px 2px

那么这是代表 上下都为1px 左右都为2px。

扩展资料

1、margin 0px auto属性规则

margin:0px auto代表对象上下间隔为0px,左右间隔根据对象宽度自适应。

margin:0px auto简写:可以去掉0后面的px单位,一般CSS代码中如果值为0,那可以不用跟html长度单位。

margin0px auto或margin:0 auto作用:常用于让DIV布局居中,起到让布局居中作用。

2、margin:auto属性说明

margin:auto时浏览器计算外边距,当margin定义为auto时,将占用可用空间或0px 。

margin:auto时浏览器会自动分配左右边距,使元素平均分配占用父级容器的左右边距,达到元素居中的目的

3、CSS中auto元素

定义auto元素,因元素类型和上下文而异。在边距中,auto可以表示两种情况:占用可用空间或0 px。这两个将为元素定义不同的布局。

4、margin的兄弟属性padding

margin属性是外边距,而padding属性是内边距。padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。