保证金：0px自动无法在苹果safari中工作

问题描述：

我有一个在除iPhone Safari之外的所有浏览器中都能正常工作的构造，但它仍然保留在左侧，尽管它不应该这样。保证金：0px自动无法在苹果safari中工作

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

有什么建议吗？

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

答

无论如何，我不认为IPhone屏幕宽度更980px ^^

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; 
}