CSS 中 margin 的用法

margin 属性用于控制元素周围的空白区域，它可以设置元素相对于其父元素的外部空间。

语法

margin: <length auto> [<length auto> [<length auto> [<length auto>]]]</length></length></length></length>

参数

• ：以像素 (px)、厘米 (cm)、英寸 (in) 等单位指定的尺寸值。
• ：根据浏览器的默认值自动设置 margin。

四个 margin 值

margin 属性可以指定四个单独的值，以控制元素周围不同方向的空白区域：

1. margin-top：控制元素上方的空白区域。
2. margin-right：控制元素右方的空白区域。
3. margin-bottom：控制元素下方的空白区域。
4. margin-left：控制元素左方的空白区域。

设置单个 margin 值

要仅设置一个 margin 值，可以提供一个参数。例如：

margin: 20px;

这将为元素四周添加 20px 的空白区域。

立即学习“前端免费学习笔记（深入）”；

设置多个 margin 值

要设置多个 margin 值，可以提供多个参数。例如：

margin: 10px 20px 30px 40px;

这将为元素指定：

• 上方：10px
• 右侧：20px
• 下方：30px
• 左侧：40px

使用 auto 关键字

auto 关键字指示浏览器自动计算 margin 值。这在某些情况下很有用，例如：

margin: auto;

这将使元素在父元素中水平居中。

标签： cssmargin