首先你要知道,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左右自动
——来自一个前端学徒
语法厅野:
margin : auto | length
参数:
auto : 值被携李设置为相对边的值
length : 由浮点数字和单位标识符组成的长度值 | 百分辩伏迟数。百分数是基于父对象的高度。对于内联对象来说,左右外延边距可以是负数值。
上下页面空白为 0px
左右页面空白自适应并且相等
可饥销烂以达到烂漏横向居中的效果
eg:
则斗竖div2在横向上就处于div1中间
以上就是土嘎嘎小编大虾米为大家整理的margin属性中的auto_margin设置为auto的效果相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!