margin 0 auto为什么能居中(margin 0 auto)
大家好,小东方来为大家解答以上的问题。margin 0 auto为什么能居中,margin 0 auto这个很多人还不知道,现在让我们一起来看看吧!
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、2、实例说明margin后面是有4个参数的。
3、例如:margin:1px 2px 3px 4px,分别表示 上(1px)、右(2px)、下(3px)、左(4px)。
4、margin后面如果只写2个参数的。
5、例如:margin:1px 2px那么这是代表 上下都为1px 左右都为2px。
6、扩展资料margin 0px auto属性规则margin:0px auto代表对象上下间隔为0px,左右间隔根据对象宽度自适应。
7、margin:0px auto简写:可以去掉0后面的px单位,一般CSS代码中如果值为0,那可以不用跟html长度单位。
8、margin;0px auto或margin:0 auto作用:常用于让DIV布局居中,起到让布局居中作用。
9、2、margin:auto属性说明margin:auto时浏览器计算外边距,当margin定义为auto时,将占用可用空间或0px 。
10、margin:auto时浏览器会自动分配左右边距,使元素平均分配占用父级容器的左右边距,达到元素居中的目的3、CSS中auto元素定义auto元素,因元素类型和上下文而异。
11、在边距中,auto可以表示两种情况:占用可用空间或0 px。
12、这两个将为元素定义不同的布局。
13、4、margin的兄弟属性paddingmargin属性是外边距,而padding属性是内边距。
14、padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。
本文到此分享完毕,希望对大家有所帮助。
免责声明:本文由用户上传,如有侵权请联系删除!
猜你喜欢
- 06-10
- 06-10
- 06-10
- 06-10
- 06-10
- 06-10
- 06-10
- 06-10
最新文章
- 06-10
- 06-10
- 06-10
- 06-10
- 06-10
- 06-10
- 06-10
- 06-10