padding和margin的区别

文/李文源

margin是外边距,即盒子与盒子之间的距离,而padding是内边距,是盒子的边与盒子内部元素的距离。margin是用来隔开元素与元素的间距;padding是用来隔开元素与内容的间隔。margin使元素与元素互不相干;padding让内容(文字)与(包裹)元素之间有一段“呼吸距离”。

padding和margin的区别

margin的用法

(1)需要在border外侧添加空白时,

(2)空白处不需要有背景(色)时,

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

padding的用法

(1)需要在border内侧添加空白时(往往是文字与边框距离的设置),

(2)空白处需要背景(色)时,

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

猜你喜欢

2022年机械制造与自动化专业就业方向及就业前景分析

2021-11-27

2022年人力资源管理专业就业方向及就业前景分析

2021-11-27

2022年高考文综复习方法,15天提高50-100分!

2021-11-27

2022年会计学专业就业方向及就业前景分析

2021-11-27

2022年产品设计专业就业方向及就业前景分析

2021-11-27

2022年生物科学专业就业方向及就业前景分析

2021-11-27

math加s和不加s的区别

2021-11-27

2022年书法艺术生能考的大学有哪些

2021-11-27

四川省有哪些重点大学

2021-11-27

2022年高考数学复习必看解题技巧及方法

2021-11-27