htmlmargin0auto的简单介绍
auto的意思是页面左右空白自适应并且相等的意思1新建html文档,在body标签中添加一个div标签,然后在这个div标签中再添加一个div标签2为外div标签和内div标签各设置一个样式,这时默认情况下内div盒子在外div盒子的左。
margin是外边距的意思,当一个元素样式属性里有margin0auto时,并且父元素的宽度是确定的,意思是这个元素处于其父元素的居中位置,并且这个元素的上下外边距为0margin还有其他配置类型marginbottom设置元素的下外边距。
margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right 因为0 auto,表示上下边界为0,左右则根据宽度自适应相同值即居中。
margin 可以有4个值,分别对应影响的方向是上,右,下,左, 2个值的时候,对应第一个值是 控制上下距离,第二个值是控制左右, 所以magrgin0 auto, 就是上下距离为0,auto是自适应,这里指的是左右两个方向的。
说明,本文中所指的DIV包括HTML页面中所有的元素让一个DIV水平居中,直接用CSS就可以做到只要设置了DIV的宽度,然后使用margin设置边距0auto,CSS自动算出左右边距,使得DIV居中mydivmargin0autowidth300pxheight。