html中margin什么意思？百度百科的 margin 属性的作用

编程之家2026-06-271158次浏览

今天给各位分享html中margin什么意思的知识，其中也会对百度百科的 margin 属性的作用进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

Margin是CSS中的一个属性，指的是一个元素的边框外侧到相邻元素边框内侧之间的距离。

margin，是CSS语法，这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度，或者设置各边上外边距的宽度。

margin的定义：margin简写属性在一个声明中设置所有当前或者指定元素外边距属性。该属性可以有 1到 4个值。margin属性接受任何长度单位、百分数值甚至负值。margin属性可以单独改变元素的上，下，左，右边距。也可以一次改变所有的属性。

margin跟padding一样，也有简洁写法。我们可以使用margin属性来设置四个方向的外边距。在实际编程中，我们往往使用的是margin的这种高效简洁写法来编程。

margin简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度.块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。

行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

margin的边距属性如以下：margin-bottom设置元素的下外边距、margin-left设置元素的左外边距、margin-right设置元素的右外边距、margin-top设置元素的上外边距。

margin语法举例

1、margin:10px 5px 15px 20px。上外边距是10px，右外边距是5px，下外边距是15px，左外边距是20px。

2、margin:10px 5px 15px。上外边距是10px，右外边距和左外边距是5px，下外边距是15px。

默认情况下，html标签都有margin属性外边距，如果不设置0，会有间距不好看，为了清理这个默认的间距，所有需要给元素设置css属性margin:0

margin:0为简写，意思是上下左右全部设置外边距为0，如果要设置右间距为10px，其它方向为0

可以这么设置 margin:0 10px 0 0意思为上外边距为0右外边距为10px下外边距为0左外边距为0

写到这里应该明白了吧 margin简写顺序为上右下左

更多教程：lanye.org

margin:0 auto 0px表示上外抄边距为0px，左右外边距自动，下外边距为0px。

扩展资料：

“margin:20px 40px;”表示top为20px，right为40px；由于bottom和left缺省，所以自动将它们分别设为20px和40px。转化为第4种写法为：“margin:20px 40px 20px 40px;”。

“margin:20px 40px 60px;”表示top为20px，right为40px，bottom为60px；由于left缺省，所以自动将它设为40px。转化为第4种写法为：“margin:20px 40px 60px 40px;”。

需要注意的是一种情况不能写为缺省写法：“margin:20px 40px 20px 60px;”。该例中，由于top和bottom相同，但right和left不同，所以不能将bottom缺省，否则会等同于“margin:20px 40px 60px 40px;”。

OK，本文到此结束，希望对大家有所帮助。