Question

我创建了一个简单的表，想要将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>

Answer 1

应该是text-align，而不是align

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

Answer 2

对我来说有用的是（鉴于其他答案中的混淆）：

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

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

Answer 3

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

Answer 4

我个人没有发现任何这些答案有帮助。在我的案例中有用的是给出元素float:none和position:relative。之后，元素将自己置于<td>。

中

Answer 5

在 td 元素内或您的 scss 文件中提供样式，如下所示：

vertical-align: 
    middle;

Answer 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>

如何在中心对齐td元素

6 个答案: