CSS教程:详解margin和padding

韩雅泠

韩雅泠

2016-02-19 17:24

下面图老师小编要跟大家分享CSS教程:详解margin和padding,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

  何时应当使用margin

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

  何时应当时用padding

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

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

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

  浏览器兼容性问题

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

展开更多 50%)
分享

猜你喜欢

CSS教程:详解margin和padding

Web开发
CSS教程:详解margin和padding

CSS基础教程:margin和padding

Web开发
CSS基础教程:margin和padding

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

css padding 与margin的区别

Web开发
css padding 与margin的区别

CSS模型教程:boxes,borderes,margins和padding

Web开发
CSS模型教程:boxes,borderes,margins和padding

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS教程:Firefox浏览器下margin-top问题

Web开发
CSS教程:Firefox浏览器下margin-top问题

CSS教程:详解CSS特定值

Web开发
CSS教程:详解CSS特定值

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Oracle自动备份数据

Oracle自动备份数据

如何执行实例程序

如何执行实例程序
下拉加载更多内容 ↓