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

marginrightauto_margin-bottom

作者:小编 更新时间:2023-07-30 09:58:18 浏览量:202人看过

2012-8-1 16:12:55锈庵赋砸CSS里面的属性margin-right:auto; margin-left:auto;是什么意思? 还有 line-height是什么意思

解析margin的自动值auto

定义一个方向为auto,可以理解为此方向随便,自由

设置DIV水平居中的方法是 margin:0 auto;

line-height:是指的行高

margin-right: auto 右外边距自动 margin-left:auto 左外边距自动line-height:行高

margin-right:auto; margin-left:auto;

marginrightauto_margin-bottom-图1

auto代表样式自动适应;margin代表边距,margin-right:auto和margin-left:auto意思是左右边距自动适应;

line-height表示每行行高,也可理解为行间距

首先你要知道,margin后面是有4个参数的。例如:margin:1px 1px 1px 1px

分别表示 上、右、下、左。如果只写2个参数的话,比如:margin:1px 2px

那么着是代表 上下都为1px 左右都为2px.

至于居中,很明显,margin:0 auto 是标准的写法!明白?

margin:auto 意思是四个方向都用auto

marginrightauto_margin-bottom-图2

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在网页中水平居中的块

以上就是土嘎嘎小编大虾米为大家整理的marginrightauto_margin-bottom相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

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

编辑推荐

热门文章