1、margin-left属性
margin-left属性指定元素左侧的空白边距大小。如果值为负，则表示元素将超过其容器的左侧边缘并溢出到左侧。
该属性还可以与margin-top、margin-right和margin-bottom属性一起使用，以指定元素的所有边缘的边距。
以下示例将演示如何使用CSS设置margin-left属性：
p {
margin-left: 50px;
}
2、margin-left是什么意思
margin-left是CSS中常用的边距属性，它控制元素内容与元素左边框之间的距离。通过使用margin-left属性，您可以改变元素在页面中的位置。
margin-left可以被用于单一元素或其它元素声明空白(distances)和内边距(paddings)。注意，内边距是指元素的内容与边框之间的距离，空白指的是元素与其相邻元素之间的距离。
3、margin-left:auto
当您将margin-left属性设置为auto时，它将自动计算元素的左侧边距，以使元素水平居中于其父容器内。这在创建自适应布局时非常有用。
以下示例演示了如何使用margin-left:auto属性将元素水平居中：
.container {
width: 200px;
height: 200px;
border: 1px solid black;
}
.box {
width: 50px;
height: 50px;
margin-left: auto;
margin-right: auto;
background-color: blue;
}
<div class="container">
<div class="box">
原创文章，作者：FOIA，如若转载，请注明出处：https://www.506064.com/n/149561.html
微信扫一扫 
支付宝扫一扫 