理解 margin 中的 auto 關鍵字：0 auto
margin 屬性可讓您控制元素周圍的空間。當您使用margin: 0 auto; 時，它會提示問題：「auto 到底做了什麼以及它如何影響元素對齊？」
Auto，當在margin 屬性的第二個參數中使用時（例如， margin-left: auto;)，指示瀏覽器自動決定左右邊距。這有效地將元素在其父容器內水平居中。
第二個參數的 Auto 確保左右邊距之間的空間分佈均勻。第一個參數 0 表示頂部和底部邊距將設定為 0。
為了說明這一點，請考慮一個範例，其中父元素的寬度為 100px，子元素的寬度為 50px。 Auto 確定有50 像素的可用空間在margin-left 和margin-right 之間均勻分佈：
var freeSpace = 100 - 50; var equalShare = freeSpace / 2;
這會產生以下邊距值：
margin-left: 25; margin-right: 25;
因此，子元素在父元素中水平居中。
需要注意的是，您不需要為此行為指定父元素寬度 發生。簡單地定義子物件的寬度並使用 margin: 0 auto;將其水平居中就足夠了。
以上是`margin: 0 auto;` 如何將元素置中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
