保證金：0px自動無法在蘋果safari中工作

我有一個在除iPhone Safari之外的所有瀏覽器中都能正常工作的構造，但它仍然保留在左側，儘管它不應該這樣。保證金：0px自動無法在蘋果safari中工作

.home {width：980px; margin：0px auto 0px auto;}

有什麼建議嗎？

2010-10-19 se_pavel

UPDATE：img {display：block;寬度：200px; margin：0px auto}正常工作 – 2010-10-20 20:24:08

無論如何，我不認爲IPhone屏幕寬度更980px ^^

2010-10-19 14:49:23 MatTheCat

ya，980px大於屏幕寬度，但其他div在我的佈局中具有相同的寬度（我只是檢查沒有移動版本的iPhone的網站輸出），一切看起來都不錯，除了margin auto寬度大於屏幕寬度 – 2010-10-20 20:23:38

如何使用margin：auto;如果元素大於其內容，則將元素居中？ – MatTheCat 2010-10-21 07:15:14

無法將屏幕寬度較寬的內容居中。你有沒有看過一個網站，你可以在初始加載時向左滾動？我還沒有。 – 2010-10-21 07:50:51

在我的情況下，它是行不通的，因爲父元素是不正確前綴柔性股利。如果您遇到同樣的情況，請遵循以下解決方案：

.parent { 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    display: flex; 
} 

.child { 
    margin: 0px auto; 
}

2016-10-28 22:27:57 falsarella

回答