码迷,mamicode.com
首页 > 其他好文 > 详细

何时用padding何时用margin

时间:2017-09-17 00:38:23      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:margin   str   个人   padding   距离   元素   布局   20px   等于   

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

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

个人认为:margin是用来隔开元素与元素的间距;padding是用来隔开元素与内容的间隔。margin用于布局分开元素使元素与元素互不相干;padding用于元素与内容之间的间隔,让内容(文字)与(包裹)元素之间有一段“呼吸距离”。

何时用padding何时用margin

标签:margin   str   个人   padding   距离   元素   布局   20px   等于   

原文地址:http://www.cnblogs.com/GochanTao/p/7533476.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!