Android - CSS垂直居中不起作用

【问题标题】：Android - CSS vertical centering doesn't workAndroid - CSS垂直居中不起作用
【发布时间】：2013-03-11 02:31:59
【问题描述】：

以下容器应垂直居中...：

<div style="
  position:fixed;
  top:0;
  bottom:0;
  margin:auto;
  background-color:red;
  width: 50px;
  height:50px;
  z-index:555;
"></div>

...它适用于除 Android 之外的所有主要浏览器。有没有办法在Android中垂直居中？它显示在左上角。

【问题讨论】：

【解决方案1】：

你试过了吗

top: 50%; margin-top: -25px;

【讨论】：

是的，它有效。我也想通了。谢谢！但是，Android 无法使用我的初始解决方案有什么原因吗？
不确定...这也取决于您的 Android 版本！
我使用 4.2.2，这让我发疯了好几天 :) iOS 不太受欢迎，但对我来说效果更好（至少从 iOS 5 和 iOS 6 开始）。太糟糕了，Android 拥有 75% 以上的市场，因为我现在讨厌它的浏览器。