如何在中心对齐td元素

use*_*100 24 html css

我创建了一个简单的表,并希望将td元素对齐在中心但是对齐:css中的中心似乎不起作用

.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> 
Run Code Online (Sandbox Code Playgroud)

Ja͢*_*͢ck 51

它应该是text-align,而不是align

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

  • <td align ="center">,html5不支持align,使用css解决此问题. (2认同)

Gur*_*ics 12

对我有用的是以下(鉴于其他答案中的混淆):

<td style="text-align:center;">
    <input type="radio" name="ageneral" value="male">
</td>
Run Code Online (Sandbox Code Playgroud)

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

  • 这是不正确的。它可以用在 `&lt;head&gt;` 内的 `&lt;style&gt;` 元素、CSS 文件中,或者通过 JavaScript 插入......在哪里都没关系。 (2认同)

小智 5

margin:auto; 文本对齐,如果这不起作用 - 尝试添加display:block;并设置width:200px;(以防您的 TD 太小)。