黑莓手机网站的中心页面答案

【问题标题】：Center page on Blackberry for mobile site黑莓手机网站的中心页面
【发布时间】：2011-07-17 11:05:04
【问题描述】：

我有一个可以在我测试它的所有浏览器上运行的移动网站。虽然在黑莓上，整个页面似乎都向左对齐，而不是居中。

有没有一种特定的方法可以让它像其他所有东西一样与中间对齐？你能像使用 IE 一样使用条件语句吗？我需要改为定位body标签吗？

目前只是一个简单的边距：0 auto; - 任何帮助表示赞赏。谢谢。

【问题讨论】：

我不完全确定，这就是我不投票结束的原因，但您可能会发现doctype.com 是回答此问题的更好资源。跨度>
Doctype 是：ttp://www.wapforum.org/DTD/xhtml-mobile10.dtd" rel="nofollow" target="_blank">wapforum.org/DTD/xhtml-mobile10.dtd"> 这是我们通常用于移动网站的，我们已经以前从来不用担心黑莓。
黑莓是什么类型的？默认情况下，大多数模型不应用任何 CSS。

【解决方案1】：

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

我将我的网站分成几个部分，其中一些设置为最小宽度：1140 像素，而另一些设置为 960 像素。将左右边距设置为自动后，所有桌面浏览器上的所有内容都显示为居中，正如它们应有的那样。

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

【讨论】：

【解决方案2】：

尝试将要居中的容器/内容包装在另一个元素中，并将 text-align 设置为居中。例如

【讨论】：