黑莓手机网站中心页面

Question

我有一个适用于我测试的每个浏览器的移动网站。虽然在黑莓手机上，整个页面似乎与左侧而不是中心对齐。

有没有一种特定的方法让它像其他一样对齐中间？你可以像IE一样使用条件吗？我是否需要定位身体标签？

目前它只是一个简单的余量：0自动; - 任何帮助表示赞赏。感谢。

Answer 1

我最初通过询问同样的事情偶然发现了这个问题，然后我想出了一个解决方案（对于我的特定情况），我认为我会分享。 （注意：我的网站在我的iPhone上的Safari中左对齐。）

我将我的网站划分为多个部分，其中一些设置为最小宽度：1140px，而其他部分设置为960px。左边距和右边距设置为自动，所有内容都显示在所有桌面浏览器的中心位置。

然而，那些较窄的部分在移动设备上左对齐，所以我只是将它们包装在一个宽度为100％的div中，最小宽度：1140px（或最宽的部分），边距：0自动;并且一切都在移动设备上正常对齐：）

Answer 2

尝试将您想要居中的容器/内容包装在另一个元素中，并将text-align设置为center。 E.g。

＆lt; div style =“text-align：center; width：100％;”＆gt;     ＆lt; div id =“myContent”style =“width：50％;”＆gt; ＆LT; / DIV＆GT;   ＆LT; / DIV＆GT;