如何将内容集中到td元素中

Question

我有这段代码

<td  colspan="2" rowspan="5" style="margin-left:auto; margin-right:auto;" >

结果如下：

我为你徘徊了这个区域。

我需要什么

将区域Total Call Status放在td的中心。

请帮助

Answer 1

尝试添加text-align: center。

Answer 2

你需要

<td  colspan="2" rowspan="5" align="center" >

或者

<td  colspan="2" rowspan="5" style="text-align:center;" >

两者都有效。

Answer 3

试试这个：

<td colspan="2" rowspan="5" ><div style="margin: 0 auto;">Content goes here...</div></td>

此方法不会将您放入<td>标记

中的任何文字居中

Answer 4

这是DEMO

使用margin: 0 auto;相当容易，我不会使用text-align:center，除非您希望其中的所有内容都包含文字。我宁愿让元素居中，仍然可以选择让我的文字左，中，右，或对齐。开放选项很棒