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/zh-hant/n/149561.html
微信掃一掃 
支付寶掃一掃 