例子: div { margin-left: 50px; }
在上面的例子中,大家将一个 div 元素的左边距设定为了 50px。这意味着这个元素将会距离其容器的左边缘有 50px 的间距。
当然,你也可以使用负数的值来设置 margin-left 属性,这将会使元素相应地向左移动。
例子: div { margin-left: -20px; }
在上面的例子中,使用了一个负数的值 -20px 来设定 div 元素的左边距。这将会让这个元素向左移动 20px,与其容器的左边缘形成 20px 的间距。
需要注意的是,如果你在一个元素上同时使用 margin-left 和 padding-left 属性,那么它们的值将会相加,而不是互相取代。例如:
例子: div { margin-left: 30px; padding-left: 20px; }
在上面的例子中,大家将一个 div 元素的 margin-left 和 padding-left 分别设定为了 30px 和 20px。这意味着这个元素与其容器的左边缘之间将会有 50px 的间距。
总之,margin-left 属性可以很方便地用于调整元素的左边距,大家只需要设置一个像素值即可。同时,大家还要注意到 margin-left 和 padding-left 属性的叠加效应,以避免样式出现错误。