Javascript 浏览器中的块显示不同于cordova中的块
我已经设计,使用HTML,JS和CSS网页。在网络中,我想要的一切都是 但是当我使用Cordova(现在我使用的是IntelXDK)时,它总是显示在页面的顶部(而不是底部) 我不知道为什么。现在代码是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="
<!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);
}