现在的位置: 首页 > 综合 > 正文

padding与margin的理解

2012年05月19日 ⁄ 综合 ⁄ 共 578字 ⁄ 字号 评论关闭

今天阅读了一遍关于padding margin 的博客。很有用,原文链接http://www.hicss.net/use-margin-or-padding/(海玉博客).

另外一些负margin的应用博客:http://www.hicss.net/do-not-tell-me-you-understand-margin/http://www.hicss.net/i-know-you-do-not-know-the-negative-margin/

http://www.topcss.org/?p=94

海玉为了更好理解,这样定于padding 与margin:

margin 是用来隔开元素与元素的间距;

padding 是用来隔开元素与内容的间距;

margin 用于布局分开是元素与元素互不相干;

padding 用于元素与内容之间的间隔,让内容(文字)与(包裹)元素之间有一段“呼吸距离”


何时用margin:

需要在border外侧添加空白时。

空白处不需要背景(色)时。

上下相连的两个盒子的空白,需要互相抵消时候,如15px + 20px 的margin,将得到20px的空白。


何时用padding:

需要在border内侧添加空白时。

空白处需要需要背景(色)时。

上喜爱相连的两个盒子之间的空白,需要等于两者之和时。如15px + 20px
的margin,将得到35px的空白。

抱歉!评论已关闭.