Login
网站首页 > 文章中心 > 其它

margin属性中的auto_margin设置为auto的效果

作者:小编 更新时间:2023-07-23 14:28:20 浏览量:401人看过

首先你要知道,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的效果相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章