如果您是新手网站设计人员，则可能对如何将文本居中于表格单元格有疑问。使用本指南，只需几分钟即可掌握此技术。这很容易 - 即使你以前从未尝试过。
将单元格中的文本居中最好用CSS完成，就像在网页上的另一个元素中居中文本一样。但是，在开始之前，您需要确定您想要居中的内容。使用表格，您有几个选项，包括表格中的每个单元格; 表格中的每个标题单元格表头，表体或表脚中的每个单元格。您也可以将表格中的特定单元格或单元格集中。
此外，您应该在文档的头部创建一个内部样式表，或者作为外部样式表附加到文档。您将把样式设置为该样式表中的表格单元格的中心。
如何使表中的每个单元格居中
将以下行添加到样式表中：
td，th {
text-align：center;
}
如何使表中的每个标题单元格居中
将以下行添加到样式表中：
th {
text-align：center;
}
使表头，身体或脚中的每个细胞居中
为了使这些单元格居中，您需要添加并非总是使用的表标记，例如<thead>，<tbody>和<tfoot>。然后，您将使用这些标签围绕您的表格单元格，以识别桌子的头部，身体和脚部。之后，您将以下内容添加到样式表中：
thead th，thead td {
text-align：center;
}
tbody，tbody td{
text-align：center;
}
tfoot,tfoot td{
text-align：center;
}
删除不希望居中的区域的样式。
如何将特定细胞或细胞置于表中
为此，您需要在要居中的单元格上设置类。
将以下属性添加到要居中的表格单元格中：
<td class =“centered-cell” >
然后将以下内容添加到样式表中：
.centered-cell {
text-align：center;
}
您可以将此类添加到表中的任何单元格。
包起来！不要犹豫在任何表格单元格上使用这些样式。您可以在合并的单元格或单个单元格上使用它们，并且其中的文本将居中。