Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 浏览器中的块显示不同于cordova中的块_Javascript_Html_Css_Cordova - Fatal编程技术网

Javascript 浏览器中的块显示不同于cordova中的块

Javascript 浏览器中的块显示不同于cordova中的块,javascript,html,css,cordova,Javascript,Html,Css,Cordova,我已经设计,使用HTML,JS和CSS网页。在网络中,我想要的一切都是 但是当我使用Cordova(现在我使用的是IntelXDK)时,它总是显示在页面的顶部(而不是底部) 我不知道为什么。现在代码是 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>game</title> <link rel="stylesheet" type="

我已经设计,使用HTML,JS和CSS网页。在网络中,我想要的一切都是

但是当我使用Cordova(现在我使用的是IntelXDK)时,它总是显示在页面的顶部(而不是底部)

我不知道为什么。现在代码是

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>game</title>

    <link rel="stylesheet" type="text/css" href="styles/style.css" />
    <script src="js/levels.js"></script>
    <script src="js/control.js"></script>
</head>
<body>
    <table id="tbl">
    <tr>
        <td id="cont_block">
           <div class="one_block_text" style="opacity:             1;">Лабиринт</div>
        </td>
    </tr>
    </table>
</body>
</html>
我该怎么做才能使我们的文本在web和移动环境中看起来相似(cordova)

谢谢,,
Ildar

您的html和css都不适合生成演示来解决您的问题。请提供正确的代码。我在表中添加了div
body {
    margin : 0;
    text-align : center;
    font-size : 20px;
    background-color : rgb(0,0,0);
    color : rgb(255,255,255);
}
#tbl {
    /*display : table;*/
    width : 100%;
    border-spacing: 0;
}
#cont_block {
    /*display : table-cell;*/
    width : 100%;
    height : 100%;
    vertical-align : bottom;
    margin : 10px;
    text-align : center;
}
.one_block_text {
    padding : 10px;
    text-align : center;
    border-top : 1px solid rgb(50,50,50);
    opacity : 0;
    transition : all 1s ease 0s;
}
.cont_option {
    padding : 10px;
    text-align : center;
    border-top : 1px solid rgb(50,50,50);
    opacity : 0;
    transition : all 1s ease 0s;
}
.one_option {
    display : inline-block;
    padding : 5px 10px;
    border : 1px solid rgb(50,50,50);
    border-radius : 5px;
    background-color : rgb(255,255,255);
    color : rgb(0,0,0);
    cursor : pointer;
    margin : 0 5px;
}
.one_option:hover {
    background-color : rgb(200,200,200);
}
.sel_option {
    background-color : rgb(200,200,200);
}