android - 水平居中包装器 DIV 在 Android 中不起作用

Question

我正在为客户做一个元素，在我的 Android 设备上测试网站时遇到了问题。基本上，我只想将一个 DIV 居中，它环绕着大部分正文内容。

<img src="images/lightingOverlay.png" style="z-index: 1000; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0;" />
<div style="border: solid 5px black; height: 50px; width: 978px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 100px;" >
  wrapped content!
</div>

我现在使用内联样式。尽管 div 和图像使用相同的代码，但在默认的 Android 浏览器上查看时，图像会居中而 DIV 不会。

我尝试使用 left: 50% 定位，负边距也等于元素宽度的一半，但这似乎也不起作用。

无论如何，在过去的两天里，我基本上一直在玩代码并在 Chrome v21 和 Android 中测试它，试图找出问题所在......正如你在示例中看到的那样，我已经剥离了直到没有任何运气的最简单的元素。任何人都知道如何让水平居中在 Android 中工作？

Answer 1

如果您删除代码的绝对位置、左侧、顶部和右侧位，您应该没问题。

DIV 应该只需要 margin:0 auto 就可以居中。