您的位置:首页 > 其它

margin:auto、margin:0 auto、margin:0

2015-11-05 14:31 316 查看
margin:auto是指上下左右全都auto

margin:0 auto 是指上下是0,左右auto

margin:0; 这个是上右下左的值都为0

margin:auto; 这个是上右下左的值都是自适应的

margin:0; 这个是上右下左的值都为0

在两个div里对比一下就会有很明显的效果出来了比如:

<div class="div1">

<div class="div2">

</div>

</div>

style .div1 { width:200px; height:200px; background:#c00;}

.div2 { width50px; margin:auto; height:50px; background:#000;}

这个效果是里面的div2会水平居中

<div class="div1">

<div class="div3">

</div>

</div>

style .div1 { width:200px; height:200px; background:#c00;}

.div3 { width50px; margin:0; height:50px; background:#000;}

这个效果里面的div3会在div1的左上角
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: