35

我创建了一个简单的表格,并希望将 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> 
4

6 回答 6

66

应该是text-align,不是align

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

于 2012-05-20T17:06:33.183 回答
13

对我有用的是以下内容(鉴于其他答案的混乱):

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

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

于 2015-10-30T12:54:48.407 回答
5

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

于 2012-05-20T17:29:16.950 回答
3

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

于 2019-08-13T05:14:34.383 回答
0

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

于 2015-07-22T13:58:58.500 回答
0

在表格中居中内容的最佳方法(例如<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>

于 2020-12-16T21:57:04.230 回答