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 { 
width: 100%;
height: auto; 
position: fixed; 
top: 20%; 
text-align:center; 
-webkit-backface-visibility: hidden;
}

Answer 3

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

    .centered{
margin:0 auto;
}