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

html-css09

求教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

自动。高度自动根据需要来限制高度,eg:{overfloat:auto}表示高度根据需要会自己增加。

在margin中表示自动居中,eg:#abc{margin:0 auto;}表示abc这个DIV自动居中,当然这样写可恶的IE6中是不能居中的,所以要做到兼容就必须在其中加入text-align:center这个属性。