【问题标题】: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中垂直居中?它显示在左上角。

【问题讨论】:

    标签: android css alignment center


    【解决方案1】:

    你试过了吗

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

    【讨论】:

    • 是的,它有效。我也想通了。谢谢!但是,Android 无法使用我的初始解决方案有什么原因吗?
    • 不确定...这也取决于您的 Android 版本!
    • 我使用 4.2.2,这让我发疯了好几天 :) iOS 不太受欢迎,但对我来说效果更好(至少从 iOS 5 和 iOS 6 开始)。太糟糕了,Android 拥有 75% 以上的市场,因为我现在讨厌它的浏览器。
    猜你喜欢
    • 1970-01-01
    • 2013-11-14
    • 1970-01-01
    • 1970-01-01
    • 2012-12-29
    • 2014-02-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多