关于margin:0 auto
作者:蛛蛛虎 日期:2010-04-13
今天突然对以前的总结有了进一步的理解,源于margin:0 auto,之间一直认为0和auto分别是上下左右为默认,错的有点离谱。
1、margin后跟一个属性值
例如:.d1 {margin:1px;}
这个等同于
复制内容到剪贴板
程序代码
程序代码.d1 {margin-top:1px;
margin-right:1px;
margin-bottom:1px;
margin-left: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;}
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;}
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;}
margin-right:2px;
margin-bottom:3px;
margin-left:4px;}
即上边距为1px,右边距为2px,下边距为3px,左边距为4px。
[本日志由 蛛蛛虎 于 2010-04-13 09:32 AM 编辑]
上一篇: 自动获取时间的Asp代码
下一篇: 全国哀悼日,把网页改成灰色或黑色
文章来自: 本站原创
Tags: css
相关日志:
评论: 2 | 引用: 0 | 查看次数: -
发表评论


回复
|
| 福建省厦门市 电信|
| 取消审核]