首先你要知道,margin后面是有4个参数的。例如:margin:1px 1px 1px 1px
分别表示 上、右、下、左。如果只写2个参数的话,比如:margin:1px 2px
那么着是代表 上下都为1px 左右都为2px.
至于居中,很明显,margin:0 auto 是标准的写法!明白?
margin:auto 意思是四个方向都用auto
margin:0 auto 的意思是上下为0 左右是auto
用div◆css布局时多数会这样来居中
看下css手册,margin后跟四个参数:top right bottom left 还可简写为两个参数 即为 上下 左右 也可以设置一个参数 这样就代表设置这四个选项了,解释下margin: 0 auto;0为上下外间距为0px auto代表左右自动适应。
margin的这个问题在w3school中就有详细的解释建议你看看,
margin有着一个属性继承的机制,大概意思是margin:上 右 下 左 ,其中:
你如果只填写了上,上的属性就会被右和下继承,然后右的属性又会继承给左
margin:auto完全写开的话应该是margin:auto auto auto auto;而margin:0 auto完全写开的话是margin:0 auto 0 auto;一个是上下左右全自动,一个是上下0左右自动
——来自一个前端学徒
使这个Div的 右外补白居中
自动适应 margin-right的大小,个人建议最好不要用,因为浏览器的差别可能会产生较为明显的差别。
DIV块右侧留空自动取得
这样可能得到一个宽500高300在网页中水平居中的块
水平居中,
1,margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right
因为0 auto
2,auto 你可以理解为一种 自动/自适应 的概念 比如 现在项目需要一个宽度为960px的整体布局居中 ,根据用户浏览器大小不同你将需要使用margin:0 auto;来实现, 无论用户浏览器宽度为多少。
960px的定位宽度永远居中
3,margin设置对象外边距,如果我们给DIV设置一条边框线(border)样式后,在DW软件里即可看出margin设置值其实是在边框外距离,此样式设置对象(DIV)之间间距的样式
margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right
因为0 auto,表示上下边界为0,左右则根据宽度自适应相同值(即居中)
以上就是土嘎嘎小编大虾米为大家整理的marginleftauto_margin,bottom相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!