- 餘量餘量：自動;保證金 - 右側：汽車; - 或顯示：內聯塊？

我有一個容器，裏面有一個980像素寬的div。哪一個更兼容，如果我使用margin-left：auto，margin-right：auto在980px div上，或者如果我給容器設置文本對齊：center並將display：inline-block設置爲980px div？- 餘量餘量：自動;保證金 - 右側：汽車; - 或顯示：內聯塊？

感謝您的回答！

HTML：

<div class="container"> 
    <div class="content"> 
    <!---content here.... --> 
    </div> 
</div>

CSS V1：

.container { 
    text-align: center; 
} 

.content { 
    display: inline-block; 
    width: 980px; 
}

CSS v2的：

.content { 
    margin-left: auto; 
    margin-right: auto; 
    width: 980px; 
}

那麼，什麼是最「兼容」的瀏覽器，或者什麼是最好的做法去做吧？

來源

2013-11-21 MSzucs

這取決於您的具體應用。請提供相關代碼（如果可能，請提供[jsfiddle]（http://jsfiddle.net/））。從它的聲音中，我推薦使用'margin：0 auto;'。 – showdev

更兼容什麼？ – m59

通常情況下，在這種情況下，使用最常用的「標準」來對div進行居中，這是對左右邊距使用margin auto。 –

我建議去與margin: auto，而不是覆蓋默認的元素display值，除非它是真的有必要。

轉換塊框到內聯塊框將它從通常的block formatting context移入inline formatting context，並且它可能會引起副作用，如由於基線和父元素的字體的line-height垂直間隙，顯示標籤間換行符作爲空間字符等

來源

2013-11-21 21:25:04

- 餘量餘量：自動;保證金 - 右側：汽車; - 或顯示：內聯塊？

回答

相關問題