「margin：0 auto」是否有區別？和「margin：auto;」

當我們想要頁面的主容器對齊中心時，我們通常使用"margin: 0 auto;"，但是當我使用"margin:auto;"時，行爲在我擁有的某些瀏覽器（Google Chrome，Firefox）中是相同的。「margin：0 auto」是否有區別？和「margin：auto;」

來源

2011-11-29 L42y

是的。

margin: 0 auto;

設置元素的左，右頁邊距auto，以及頂部和底部邊緣到0。

margin: auto;

集所有邊距auto。由於您的<body>高度爲100％，因此您可能會得到相同的行爲，因此垂直邊距auto不起作用。

來源

2011-11-29 14:27:02 Bojangles

身體的高度（通常是自動的，不是100％）對自動垂直邊距的計算方式沒有影響。該規範簡單地定義了自動垂直邊距，以便在流入塊框中始終爲零。因此，對於流入塊盒，問題的答案不是肯定的，但不是 - 保證金：0 auto和margin：auto之間沒有區別。在另一個具體情況下，答案是肯定的：絕對定位的元素。 – BoltClock

「margin：0 auto」是否有區別？和「margin：auto;」

回答

相關問題