gpt4 book ai didi

javascript - 表格行未在 Cordova/Phonegap 中水平显示

转载 作者:太空宇宙 更新时间:2023-11-04 13:20:57 25 4
gpt4 key购买 nike

为什么 tr 标签不水平显示我的按钮,而是垂直显示。

类似的代码可以在 jsfiddle 上正常运行

我做错了什么?

这是我的HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />

<link href="css/menuprincipale.css" rel="stylesheet" type="text/css" media="all"/>
<meta name="msapplication-tap-highlight" content="no" />
<script src="cordova.js"></script>
<script src="js/jquery.js"></script>
</head>
<div data-role="page">

<div data-role="header"></div>

<div data-role="content">

<table class="clsActionTable">
<tr>
<td style="text-align: center;">
<button class="clsActionButton" id="idAddButton">Add</button>
<button class="clsActionButton" id="idEditButton">Edit</button>
<button class="clsActionButton" id="idDeleteButton">Delete</button>
</td>
</tr>
</table>

<div data-role="footer" data-position="fixed">
<img src="img/logo.png" />
</div>
</div>

这里是我的CSS:

.clsActionTable
{
width: 100%;
height:20%;
color: white;
font-size: smaller;
}

.clsActionButton
{
width: 180px;
height:40px;
}

#idActionPlane
{
left: 0px;
bottom: 0px;
height:20%;
width:100%;
background-color: #4E5A81;
color: White;
}

我正在使用这些:

  • Cordova 3.5
  • jQuery 1.4
  • js
  • html5

最佳答案

试试这段代码。

<tr>
<td style="text-align: center;">
<button class="clsActionButton" id="idAddButton">Add</button>
</td>
<td style="text-align: center;">
<button class="clsActionButton" id="idEditButton">Edit</button>
</td>
<td style="text-align: center;">
<button class="clsActionButton" id="idDeleteButton">Delete</button>
</td>
</tr>

关于javascript - 表格行未在 Cordova/Phonegap 中水平显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24085334/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com