android - CSS居中在Phonegap中不起作用

Question

我正在尝试将带有一些文字的图像居中。当我在 chrome 中显示时工作正常。它也适用于使用 Opera Mobile 的模拟器。但是当我使用 html/css 文件创建我的 phonegap 应用程序时，图像在 Android 中运行时拒绝居中。

这是我的CSS：

.centered {
    width: 100%;
    height: auto;
    position: fixed;
    top: 20%;
    text-align:center;
}

有任何想法吗？

谢谢

Answer 1

这可能是一个问题position: fixed;吗？

尝试例如。

.centered {
    width: 100%;
    height: auto;
    position: absolute;
    top: 20%;
    right: 0px;
    bottom: 20%;
    left: 0px;
    margin: auto;
    text-align: center;
}

Answer 2

我建议定义图像的宽度并使用

    .centered{
margin:0 auto;
}

Answer 3

尝试这个：

.centered { 
width: 100%;
height: auto; 
position: fixed; 
top: 20%; 
text-align:center; 
-webkit-backface-visibility: hidden;
}