如何在html表行中居中文本？

Question

我正在使用html表.我想将<table>每个单元格中的文本对齐到中心.

如何将文本水平和垂直对齐？

Answer 1

以下是CSS和内联style属性的示例:

td 
{
    height: 50px; 
    width: 50px;
}

#cssTable td 
{
    text-align: center; 
    vertical-align: middle;
}

<table border="1">
    <tr>
        <td style="text-align: center; vertical-align: middle;">Text</td>
        <td style="text-align: center; vertical-align: middle;">Text</td>
    </tr>
</table>

<table border="1" id="cssTable">
    <tr>
        <td>Text</td>
        <td>Text</td>
    </tr>
</table>

http://jsfiddle.net/j2h3xo9k/

编辑:该valign属性在HTML5中已弃用,不应使用.

Answer 2

在td元素中居中的CSS 是

td {
  text-align: center;
  vertical-align: middle;
}

Answer 3

尝试将其放入CSS文件中.

td {
    text-align: center;
    vertical-align: middle;
}

Answer 4

长手内联示例:

<td style='text-align:center;vertical-align:middle'></td> 

简写css示例:

td{
 text-align:center;
 vertical-align:middle;
}

Answer 5

<td align="center" valign="center">textgoeshere</td>

是唯一正确的答案imho,因为您使用的表是最常用于电子邮件格式化的旧功能.因此,最好的办法是不使用样式,而是使用内联样式和已知的表格标签.