padding和margin常用的用法

向右看齐 2022-06-02 00:38 188阅读 0赞

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

**一、padding**

**1、语法结构**

（1）padding-left:10px; 左内边距

（2）padding-right:10px; 右内边距

（3）padding-top:10px; 上内边距

（4）padding-bottom:10px; 下内边距

（5）padding：10px; 四边统一内边距

（6）padding:10px 20px; 上下、左右内边距

（7）padding:10px 20px 30px; 上、左右、下内边距

（8）padding:10px 20px 30px 40px; 上、右、下、左内边距

**2、可能取的值**

（1）length  规定具体单位记的内边距长度

（2）%       基于父元素的宽度的内边距的长度

（3）auto    浏览器计算内边距

（4）inherit 规定应该从父元素继承内边距

**3、浏览器兼容问题**

（1）所有浏览器都支持padding属性

（2）任何版本IE都不支持属性值“inherit”

**二、margin**

**1、语法结构**

（1）margin-left:10px; 左外边距

（2）margin-right:10px; 右外边距

（3）margin-top:10px; 上外边距

（4）margin-bottom:10px; 下外边距

（5）margin:10px; 四边统一外边距

（6）margin:10px 20px; 上下、左右外边距

（7）margin:10px 20px 30px; 上、左右、下外边距

（8）margin:10px 20px 30px 40px; 上、右、下、左外边距

**2、可能取的值**

（1）length  规定具体单位记的外边距长度

（2）%       基于父元素的宽度的外边距的长度

（3）auto    浏览器计算外边距

（4）inherit 规定应该从父元素继承外边距

**3、浏览器兼容问题**

（1）所有浏览器都支持margin属性

（2）任何版本IE都不支持属性值“inherit”

**三、margin和padding的区别用图表示为**

![20134828104816_0.jpg][]

[20134828104816_0.jpg]: /images/20220602/08ab2d7bc20a43dabd5541cf0e5a71cf.png

发表评论取消回复

表情：

评论列表（有 0 条评论，188人围观）

还没有评论，来说两句吧...

相关阅读

相关用Margin还是用Padding

本文地址: [http://www.hicss.net/use-margin-or-padding/][http_www.hicss.net_use-margin-or-pad

古城微笑少年丶/ 2022年06月08日 13:43/ 0 赞/ 167 阅读

相关 margin和padding的高级用法

margin和padding的高级用法 margin是设置元素外边距的属性，W3C官方解释为：围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“

灰太狼/ 2022年06月07日 10:28/ 0 赞/ 161 阅读

相关 padding和margin常用的用法

在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。一、

向右看齐/ 2022年06月02日 00:38/ 0 赞/ 189 阅读

相关 margin和padding的区别

[【margin和padding的区别】][margin_padding] margin和padding的区别 margin是指从自身边框到另一个容器边框之间的距离

爱被打了一巴掌/ 2022年05月30日 03:10/ 0 赞/ 245 阅读

相关用Margin还是用Padding

分类: [Html/CSS][Html_CSS] | 转载请注明: 出自 [海玉的博客][Link 1] 本文地址: [http://www.hicss.net/use-

系统管理员/ 2022年05月28日 02:56/ 0 赞/ 180 阅读

相关用margin还是padding

用margin还是用padding这个问题是每个学习CSS进阶时的必经之路。 > CSS边距属性定义元素周围的空间。通过使用单独的属性，可以对上、右、下、左的外边距进行设置。

朴灿烈づ我的快乐病毒、/ 2022年05月16日 22:57/ 0 赞/ 191 阅读

相关 Android中padding与layout_margin的区别与用法

一、定义 android:layout\_margin就是设置view的上下左右边框的额外空间 android:padding是设

浅浅的花香味﹌/ 2022年05月16日 08:42/ 0 赞/ 186 阅读

相关 margin和padding 的区别

经常会看到这样的布局android:Layout\_marginTop="-1.0dip"，比较迷惑。查了下资料，有篇文章讲的不错，拿来一起分享！就拿Layout\

约定不等于承诺〃/ 2022年01月16日 23:51/ 0 赞/ 266 阅读

相关 padding和margin的区别

margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。 padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。摘自：[https:

悠悠/ 2021年12月03日 21:55/ 0 赞/ 392 阅读

相关 Android中padding与layout_margin的区别与用法

[ 林炳文Evankaka][_Evankaka]原创作品。转载请注明出处[http://blog.csdn.net/evankaka][_Evankaka]

不念不忘少年蓝@/ 2021年09月10日 11:54/ 0 赞/ 524 阅读