padding和margin的区别

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

赞 (0)

发表回复

本站作者后才能评论

评论列表(4条)

  • 昊岑2016
    昊岑2016 2026年08月16日

    我是乐学网的签约作者“昊岑2016”!

  • 昊岑2016
    昊岑2016 2026年08月16日

    希望本篇文章《padding和margin的区别》能对你有所帮助!

  • 昊岑2016
    昊岑2016 2026年08月16日

    本站[乐学网]内容主要涵盖:教育咨询,知识百科

  • 昊岑2016
    昊岑2016 2026年08月16日

    本文概览:margin是外边距,即盒子与盒子之间的距离,而padding是内边距,是盒子的边与盒子内部元素的距离。margin是用来隔开元素与元素的间距;paddi

联系我们

联系:143 0457 151

工作时间:周一至周五,9:30-18:30,节假日休息

关注我们