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的左上角
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的左上角
相关文章推荐
- 使用spring的@Async异步执行方法以及不执行问题
- ArrayList和LinkedList的区别
- mysql emoji表情支持
- Android OOM:内存管理分析和内存泄露原因总结
- 黑马程序员——JAVA基础----集合框架(二)
- 待翻译链接
- mrjob 使用 mongoldb 数据源【转】
- position:fixed定位时 “高度坍塌” 问题的解决
- Sublime Text3注册码(可用)
- Android之xml
- 时间差值的运算 VARIANT的使用
- nova Evacuate
- pdf_down_py
- Cocoa框架类之间继承关系
- 优矿众包对冲基金计划”优选策略---100w实盘资金管理权!!
- 程序员的困境
- Serializable&Extemalizable
- html5手机页面 点击事件
- jQuery 中trim()函数
- C++成员函数的存储方式