保證金：</p> <pre><code>#inner { width: 50%; margin: auto; } </code></pre> <p>的：汽車在一個div

Question

我正在尋找檔案和整個下面的文章約how to center a div within a div，這裏的解決方案是以下樣式應用於內部的div來到內中心一個div功能回答說，margin:auto是導致居中的原因。這是如何工作的？

Answer 1

margin:auto;專門設計用於自動設置邊距，通常用於居中元素的目的。它實際上只適用於左右邊距。使用margin:auto;以下簡寫：

{ margin:0px auto 0px auto; } 

爲了進一步闡明瞭這一點：

{ margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; } 

退房的CSS2 spec。

Answer 2

它基本上解決方程margin = ("outer-width" - "inner-width")/2並將結果設置爲邊距值。

結果是，您的內部div的邊距在兩側都是相同的，並且其整體寬度（寬度+ 2×邊框+ 2×邊距）完全填充您的外部div。所以它的身體居中。