css margin对齐

在 CSS 中，

margin

属性用于设置一个元素的外边距。通常用于控制元素之间的空白。通过设置

margin

属性，我们可以控制元素的水平或垂直方向上的外边距。

在默认情况下，

margin

属性设置为 0。因此，在实际使用中，我们需要明确地设置外边距的大小。

通过设置

margin-left

和

margin-right

属性，我们可以控制元素的水平方向上的外边距。通过设置

margin-top

和

margin-bottom

属性，我们可以控制元素的垂直方向上的外边距。

当属性值为正数时，元素的外边距将朝外扩展。当属性值为负数时，元素的外边距将朝内收缩。当属性值为 self 时，元素的外边距将等于其自身的大小。

例：
margin-top: 10px;
margin-bottom: 20px;
margin-left: 30px;
margin-right: 40px;

在实际使用中，我们可以将外边距设置为百分比，像素和 em 单位。同时，我们可以通过使用 auto 关键字，让浏览器自动计算外边距的大小。

最后，需要注意的是，在实际使用中，我们需要注意设置

margin

属性的优先级。当多个元素之间设置了不同的外边距值时，浏览器将根据 优先级高的规则 来进行渲染。