如何在中心对齐 td 元素[重复]答案

【问题标题】：How to align td elements in center [duplicate]如何在中心对齐 td 元素[重复]
【发布时间】：2012-05-27 08:58:06
【问题描述】：

我创建了一个简单的表格，并希望将 td 元素居中对齐，但 css 中的 align:center 似乎不起作用

.cTable td{
align:center;
}

<table border='1' id='mytable' class="cTable">
<tbody>
<tr><th>Claim ID</th><th>Status</th></tr> 
<tr><td align="center">22</td><td>333</td></tr>    
<tr><td>22</td><td>333</td></tr>
<tr><td>22</td><td>333</td></tr>
</tbody>
</table>

【问题讨论】：

标签： html css html-table

【解决方案1】：

应该是text-align，而不是align

https://developer.mozilla.org/en/CSS/text-align

【讨论】：

，html5不支持align，使用css解决这个问题。

【解决方案2】：

margin:auto; text-align，如果这不起作用 - 尝试添加 display:block; 并在那里设置 width:200px;（以防你的 TD 太小）。

【讨论】：

【解决方案3】：

我个人认为这些答案没有任何帮助。在我的案例中起作用的是给元素float:none 和position:relative。之后，元素以<td> 为中心。

【讨论】：

【解决方案4】：

对我有用的是以下内容（鉴于其他答案的混乱）：

<td style="text-align:center;">
    <input type="radio" name="ageneral" value="male">
</td>

建议的解决方案 (text-align) 有效，但必须在样式属性中使用。

【讨论】：

为什么？ :scratches-head:
这是不正确的。它可以用在<head> 内的<style> 元素中、CSS 文件中，或者通过 JavaScript 插入……在哪里都无所谓。

【解决方案5】：

在 <td> 元素或 CSS 文件中指定样式，如下所示： vertical-align: middle;

【讨论】：

【解决方案6】：

在表格（例如<video> 或<img>）中居中的最佳方法是执行以下操作：

<table width="100%" border="0" cellspacing="0" cellpadding="100%">
<tr>
<td>Video Tag 1 Here</td>
<td>Video Tag 2 Here</td>
</tr>
</table>

【讨论】：

你好！您的答案缺少原因或解释为什么您认为这是实现结果的最佳方式。尽可能提供任何见解和信息，包括链接（如果有）:)