margin是外边距,即盒子与盒子之间的距离,而padding是内边距,是盒子的边与盒子内部元素的距离。margin是用来隔开元素与元素的间距;padding是用来隔开元素与内容的间隔。margin使元素与元素互不相干;padding让内容(文字)与(包裹)元素之间有一段“呼吸距离”。
margin的用法
(1)需要在border外侧添加空白时,
(2)空白处不需要有背景(色)时,
(3)上下相连的两个盒子之间的空白需要相互抵消时,比如15px+20px的margin,将得到20px的空白。
padding的用法
(1)需要在border内侧添加空白时(往往是文字与边框距离的设置),
(2)空白处需要背景(色)时,
(3)上下相连的两个盒子之间的空白希望等于两者之和时,比如15px+20px的padding,将得到35px的空白。
本文来自作者[昊岑2016]投稿,不代表乐学网立场,如若转载,请注明出处:https://www.dtedu.com.cn/gkzx/202608/387647.html
评论列表(4条)
我是乐学网的签约作者“昊岑2016”!
希望本篇文章《padding和margin的区别》能对你有所帮助!
本站[乐学网]内容主要涵盖:教育咨询,知识百科
本文概览:margin是外边距,即盒子与盒子之间的距离,而padding是内边距,是盒子的边与盒子内部元素的距离。margin是用来隔开元素与元素的间距;paddi