关于margin:0 auto

  关于边距属性margin的解释:http://www.spiger.cn/article/112.html

  今天突然对以前的总结有了进一步的理解,源于margin:0 auto,之间一直认为0和auto分别是上下左右为默认,错的有点离谱。

1、margin后跟一个属性值
例如:.d1 {margin:1px;}
这个等同于
.d1 {margin-top:1px;
margin-right:1px;
margin-bottom:1px;
margin-left:1px;}

即,上右下左的边距都为1px。

2、margin后跟两个属性值
例如:.d1 {margin:0 auto;}
这个等同于
.d1 {margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:atuo;}

即,上下边距为0;左右边距为auto。magrin后跟的第一个元素表示上下边距,第二个元素表示左右边距。
这个在一定意义上有居中的含义。更多关于text-align:center 和 margin:0 auto可参照http://www.52css.com/article.asp?id=505 这篇文章。

3、margin后跟三个属性值
例如:.d1{margin:0 10px 4px;}
这个等同于
.d1 {margin-top:0;
margin-right:10px;
margin-bottom:4px;
margin-left:10px;}

即上边距为0,下边距为4象素,左右边距各为10象素,不过这种写法尽量少用。原因很简单,我都会经常弄混掉。

4、margin后跟四个属性值
例如:.d1 {margin:1px 2px 3px 4px;}
这个等同于
.d1 {margin-top:1px;
margin-right:2px;
margin-bottom:3px;
margin-left:4px;}

即上边距为1px,右边距为2px,下边距为3px,左边距为4px。

[本日志由 蛛蛛虎 于 2010-04-13 09:32 AM 编辑]
上一篇: 自动获取时间的Asp代码
下一篇: 全国哀悼日,把网页改成灰色或黑色
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: css
相关日志:
评论: 2 | 引用: 0 | 查看次数: -
疯男
回复回复疯男[2010-04-20 09:34 AM | | | 福建省厦门市 电信| del | 取消审核]
[ 正在加载评论信息,请稍后... ]
左岸岛
回复回复左岸岛[2010-04-15 07:22 PM | | | 广东省中山市 电信| del | 取消审核]
[ 正在加载评论信息,请稍后... ]
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 支持Gravatar头像.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.