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