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;
}