0 Comments

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

发布于:2013-07-27  |   作者:广州网站建设  |   已聚集:人围观

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可以解决。

标签:
飞机