表格单元格中心文本的最佳方法

如果您是新手Web设计人员，则可能对如何将文本居中于表格单元格有疑问。使用本指南，只需几分钟即可掌握此技术。这很容易 - 即使你以前从未尝试过。

入门

将单元格中的文本居中最好用CSS完成，就像在网页上的另一个元素中居中文本一样。但是，在开始之前，您需要确定您想要居中的内容。使用表格，您有几个选项，包括表格中的每个单元格;表格中的每个标题单元格表头，表体或表脚中的每个单元格。您也可以将表格中的特定单元格或单元格集中。

此外，您应该在文档的头部创建一个内部样式表，或者作为外部样式表附加到文档。您将把样式放在该样式表中的表格单元格中心。

如何使表中的每个单元格居中

将以下行添加到样式表：

td，th {text-align：center;}

如何使表中的每个标题单元格居中

将以下行添加到样式表：

th {text-align：center;}

使表头，身体或脚中的每个细胞居中

为了使这些单元格居中，您需要添加并非总是使用的表格标记，例如 , 和 。然后，您将使用这些标签围绕您的桌子单元格，以识别桌子的头部，身体和脚部。之后，您将以下内容添加到样式表中：

thead th，thead td {text-align：center;}tbody th，tbody td {text-align：center;}tfoot th，tfoot td {text-align：center;}

删除不希望居中的区域的样式。

如何将特定细胞或细胞置于表格中心

为此，您需要在要居中的单元格上设置类。

将以下属性添加到要居中的表格单元格中：

类=“中心 - 细胞” >

然后将以下内容添加到样式表中：

.centered-cell {text-align：center;}

您可以将此类添加到表中的任何单元格。

包起来

不要犹豫，在任何表格单元格上使用这些样式。您可以在合并的单元格或单个单元格上使用它们，其中的文本将居中。