padding和margin的区别是什么？

最新推荐文章于 2025-05-27 11:32:54 发布

赶路人儿

最新推荐文章于 2025-05-27 11:32:54 发布

阅读量990

点赞数

分类专栏： web前端

web前端专栏收录该内容

294 篇文章

订阅专栏

博客通俗解释了信息技术中前端开发的两个概念。padding指内容与边框的距离，margin指边框与其他元素的距离，帮助读者理解相关知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通俗地说——
padding 就是内容与边框的距离；
margin 就是边框与其他元素的距离。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

赶路人儿

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

margin与padding的区别

hjw789的博客

09-18

4542

！margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。！padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。负数的 margin 一般设置margin的时候都习惯用正数，其实也可以用负数，比如很常见的弹出广告页面的，右上角的cancle按钮的 margin 就是负数。效果图：代码示例： <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xm

padding和margin区别

10-10

padding和margin区别 padding和margin区别 padding和margin区别padding和margin区别

参与评论您还未登录，请先登录后发表或查看评论

内边距（padding）/外边距（margin）

狂奔的黑驴

06-22

2948

margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。（外边距） padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。（内边距）...

margin 和 padding 分别适合什么场景使用？别再混用了！

最新发布

残影的博客

05-27

667

本篇文章聚焦前端方向的经典基础面试题：“margin和padding有什么区别？”以及它们分别适合在哪些实际场景中使用。这是每个前端开发者必须掌握的 CSS 基础知识，但基础不代表简单，真正的高手能在布局、组件封装、浏览器兼容性等维度举一反三，展现出对前端视觉与交互精度的理解。margin与padding虽小，但体现了一个前端开发者对页面结构、视觉层级、交互体验的理解深度。面试中把它答到位，能体现你基础扎实、细节严谨，同时也在暗示你有良好的 CSS 工程思维。

Padding 和 Margin 的区别详解

My_wife_QBL的博客

07-09

8120

padding属性用于设置元素内容与其边框之间的间距。换句话说，padding是元素内部的空间，它位于元素内容和边框之间。padding可以应用于元素的四个边（上、右、下、左），也可以分别设置每个边的值。margin属性用于设置元素与其相邻元素之间的间距。换句话说，margin是元素外部的空间，它位于元素边框与其他元素之间。margin同样可以应用于元素的四个边，也可以分别设置每个边的值。

margin和padding的区别

weixin_30538029的博客

03-28

190

margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。下面讲解 padding和margin常用的用法一、padding 1、语法结构（1）padding-left:10px; 左内边距（2）padding-right:10px; 右内边距（3）...

margin和padding的区别和用法

weixin_30809173的博客

01-03

259

margin和padding的区别和用法什么是margin、padding？　　marigin：就是外边距。padding：就是内边距。怎么就容易记住两者呢？　　马蓉大家都知道吧，给王宝强带帽子的那位，假如你认识了马蓉是不是想离他远点呢？而马蓉的拼音是marong，是不是和margin特别像呢？那么你看着maring是不是就知道了margin是外边距呢？　　那么padding就更容...

Padding和Margin有什么区别？

06-06

Padding和Margin是两个常用的CSS属性，其主要区别在于它们所影响的元素不同。Padding是指元素内部边缘和内容之间的距离，而Margin则是指元素外部边缘和其它元素之间的距离。具体来说，Padding是指元素内部边框和...

Css padding和margin区别

12-08

这个一个CSS padding和margin的例子，对初学者很有帮助的哦~ .divcss3{border:1px solid #F00;width:400px;margin-left:15px; padding-left:35px;} .box2 { margin-left:10px; padding-left:15px; width:300px...

HTML中padding和margin的区别，代码加详解

03-08

HTML 中的 padding 和 margin 的区别 HTML 中的 padding 和 margin 是两个常用的 CSS 属性，它们都是用于控制 HTML 元素的布局和样式的，但它们之间存在着明显的区别。首先，让我们来了解一下 padding 属性。...

Margin 与Padding的区别

m0_59181747的博客

07-12

8366

margin是外边距，即盒子与盒子之间的距离，而padding是内边距，是盒子的边与盒子内部元素的距离。margin是用来隔开元素与元素的间距；padding是用来隔开元素与内容的间隔。例如两个文本框的距离使用margin，文本框的边框和文本内容之间的距离使用paddingmargin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。 padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。...

padding与margin的区别

weixin_51692246的博客

03-02

2239

padding与margin的区别： padding和margin都是边距的含义，问题的关键是明白什么是相对什么的边距．padding是控件的内容相对控件的边缘的边距．margin是控件边缘相对父空间的边距。 padding和margin的常用方法：一、padding padding-left:10px; 左内边距 padding-right:10px; 右内边距 padding-top:10px; 上内边距 padding-bottom:10px; 下内边距 padding

Padding和Margin区别

Active的博客

06-14

1303

Padding是控件的内容相对控件的边缘的边距而Margin是控件边缘相对于其他控件的边距

margin 和padding有什么区别？

whaosy的专栏

08-28

3987

首先来看下盒子模型： #box{ width:300px; height:200px; margin:10px; border:1px solid #000; padding:10px; } 结果如图： 黄色部分为10px的外补白，蓝色部分为10px的内补白。事实上id为box的容器实际占用的空间为342px的宽和242px的高，里面300*200px是content区

padding 和 margin 的差别

oschina_40840974的博客

07-22

757

如下图所示: 黄色部分表示 padding，灰色部分为margin；通俗的理解为：padding为控件内边距，margin为控件外边距以下图片为正常情况视觉效果以及手机开启【显示布局边界】后得到的效果如下所示：以上图片的布局文件为: <?xml version="1.0" encoding="utf-8"?> <LinearLayout ...

android setPadding()跟setMargins()的区别是什么

Armstronghappy的专栏

02-19

4702

要理解这两个接口区别，首先得理解view 的padding和margin的区别： padding是控件的内容相对控件的边缘的边距． margin是控件边缘相对父控件，或者其他控件的边距．

Margin 与 Padding 的区别

gui597651737的专栏

08-24

457

1.Margin 用来设置页面中一个元素所占空间的边缘到相邻元素之间的距离. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。如果只提供一个，将用于全部的四边。如果提供两个，第一个用于上－下，第二个用于左－右。如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。在IE4+，margin属性不可用于td和tr对象。

谈谈 UI 中， Padding 和 Margin 有什么区别？

weixin_30855099的博客

03-09

307

android:padding 和 android:layout_margin 的区别，其实概念很简单，padding 是站在父 view 的角度描述问题，它规定它里面的内容必须与这个父 view 边界的距离。margin 则是站在自己的角度描述问题，规定自己和其他（上下左右）的 view 之间的距离，如果同一级只有一个 view，那么它的效果基本上就和 padding 一样了。转载于:...