{margin:0px auto}让div居中的具体含义以及原理
2013-03-20 09:14
316 查看
{margin:0px auto}让div居中的具体含义以及原理
auto就是“一样”的意思,如果是左右auto的话,意思就是:
这个 DIV 离 左边的距离 跟 右边的距离 是一样的。
margin:0px auto;就是上下的距离是0px,左右的距离是“一样”。
{
margin-right: auto;
margin-left: auto;
}
如果是这样写呢,有点感觉代码繁杂,于是就可以简写成这样...
{margin:0 auto 0 auto;}
然后这样写呢,还是不够简化,于是,就变成你所问的这样了...
{margin:0 auto;}
auto就是“一样”的意思,如果是左右auto的话,意思就是:
这个 DIV 离 左边的距离 跟 右边的距离 是一样的。
margin:0px auto;就是上下的距离是0px,左右的距离是“一样”。
{
margin-right: auto;
margin-left: auto;
}
如果是这样写呢,有点感觉代码繁杂,于是就可以简写成这样...
{margin:0 auto 0 auto;}
然后这样写呢,还是不够简化,于是,就变成你所问的这样了...
{margin:0 auto;}
相关文章推荐
- 转载:IE下div使用margin:0px auto不居中的原因
- IE下div使用margin:0px auto不居中的原因
- IE下div使用margin:0px auto不居中的解决办法
- div使用margin:0px auto 不居中
- IE下div使用margin:0px auto不居中的原因
- IE下div使用margin:0px auto不居中的原因
- IE下div使用margin:0px auto不居中的原因
- div居中:margin:0px auto;
- IE下div使用margin:0px auto不居中的解决办法
- css中设置div水平居中,margin:0px auto无用的情况
- IE下div使用margin:0px auto不居中的原因
- css中设置div水平居中,margin:0px auto没用的情况
- div使用margin:0px auto不居中的原因分析及解决
- 在IE下margin 0 auto 不能使div居中
- div样式在IE下margin:0 auto不居中多种解决方法
- div样式在IE下margin:0 auto不居中多种解决方法
- div设置 margin-left, margin-right 为 auto 时在IE的怪异模式下不居中
- 关于在IE9下css属性设置margin:0 auto 不能使div居中
- 转 关于在IE9下css属性设置margin:0 auto 不能使div居中
- div内部div居中,对内部div设置宽度,再设margin:0 auto(先上下边距,后左右边距)