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

marginleftauto_margin bottom

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

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

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

编辑推荐

热门文章