css中margin和padding的使用

5,318次阅读
没有评论

共计 423 个字符,预计需要花费 2 分钟才能阅读完成。

margin和padding的意义相信大家都很清楚,可是在具体应用中,到底应该使用哪一个,就比较难于判断了。 这篇文章(http://coliss.com/articles/build-websites/operation/css/901.html) 说得挺清楚的,译文如下供参考:

何时应当使用margin

需要在border外侧添加空白时。
空白处不需要背景(色)时。
上下相连的两个盒子之间的空白,需要相互抵消时。如15px + 20px的margin,将得到20px的空白。

何时应当时用padding

需要在border内测添加空白时。
空白处需要背景(色)时。
上下相连的两个盒子之间的空白,希望等于两者之和时。如15px + 20px的padding,将得到35px的空白。

浏览器兼容性问题

在IE 5.x、IE6中,为float的盒子指定margin时,左侧margin可能会变成两倍的宽度。通过改用padding或指定盒子为display:inline可以解决

正文完
 0
任侠
版权声明:本站原创文章,由 任侠 于2009-06-04发表,共计423字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码