CSS | margin-left 属性

CSS的margin-left属性可以设置元素的左外边距。这个属性决定了元素左方的空间大小，如果值为0，那么元素左外边距为零，所有的元素都会集中在一起。

语法

selector {
  margin-left: length|initial|inherit;
}

• length: 可以是0或任何带单位的长度值，如px，em等。负值可以使元素的左边距左移，与内容重叠。
• initial: 规定此属性的初始值。
• inherit: 规定应该从父元素继承此属性的值。

示例

设置元素靠左对齐

h1 {
  margin-left: 0;
}

设置元素右移10像素

h1 {
  margin-left: 10px;
}

设置元素左移20像素

h1 {
  margin-left: -20px;
}

继承父元素的margin-left属性

.parent-box {
  margin-left: 20px;
}
.child-box {
  margin-left: inherit;
}

以上就是CSS | margin-left属性的介绍，你可以通过此属性设置元素的左外边距，并实现不同的对齐方式。