CSS教程:详解margin和padding属性应用场合

开发 前端
本文向大家介绍一下margin和padding属性的用法,margin和padding用来隔开元素,margin是隔开元素与外边,padding是隔开元素里边。

margin和padding的意义相信大家都很清楚,可是在具体应用中,到底应该使用哪一个,就比较难于判断了,这里和大家分享一下,希望对你有所帮助。

CSS教程:详解margin和padding属性应用场合

margin和padding的意义相信大家都很清楚,可是在具体应用中,到底应该使用哪一个,就比较难于判断了。这篇文章说得挺清楚的,在这里供参考。

◆何时应当使用margin

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

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

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

◆何时应当时用padding

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

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

上下相连的两个盒子之间的空白,希望等于两者之和时。如15px+20px的padding,将得到35px的空白。

◆浏览器兼容性问题

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

【编辑推荐】

  1. 深入学习CSS中Margin和Padding属性用法
  2. CSS中padding和margin属性用法说明
  3. IE6双倍margin间距两大解决方案
  4. IE6下使用CSS定义DIV高度行之有效的办法
  5. 技术前沿 一段JS代码轻松解决IE6-IE8的兼容性问题

 

 

责任编辑:佚名 来源: it168.com
相关推荐

2010-08-25 08:57:33

marginpadding

2010-08-23 15:51:54

paddingmargin

2010-08-19 11:32:10

CSSpaddingmargin

2010-09-16 10:57:15

paddingmarginCSS

2010-08-19 12:55:55

CSSMarginPadding

2010-08-23 09:01:45

MarginPadding

2010-09-08 11:06:49

CSSpaddingmargin

2010-08-23 08:45:08

CSSpadding内边距

2010-08-23 15:33:47

CSSpadding

2010-08-25 11:05:03

CSSpaddingmargin

2010-08-30 11:34:32

csspadding

2010-08-23 15:40:18

MarginBorderPadding

2010-08-31 08:51:58

marginCSS

2010-08-25 09:25:13

CSSmargin

2010-08-19 11:22:19

marginpadding

2010-08-20 16:29:01

padding-lef

2010-08-23 09:11:18

padding-bot

2010-08-24 08:47:20

paddingCSS

2010-08-23 13:12:10

padding-rig

2010-08-25 13:33:55

CSSpadding
点赞
收藏

51CTO技术栈公众号