如何在表格单元格中居中文本

如果您是新手网页设计师,您可能会对如何将文本居中放置在表格单元格中有疑问。 通过本指南,您可以在几分钟内掌握这项技术。 这很容易 - 即使你以前从未尝试过。

入门

将文本居中放置在单元格内最好使用CSS完成,就像在网页的另一个元素中居中放置文本一样。 然而,在你开始之前,你需要确定你想要居中的是什么。 使用表格,您可以选择多个选项,包括表格中的每个单元格; 表格中的每个单元格中的每个表头单元格,表格主体或表格主体中的每个单元格。 您也可以将表格中的特定单元格或一组单元格居中。

另外,您应该在文档的头部创建一个内部样式表 ,或者将其作为外部样式表附加到文档中。 您将放置样式以将表格单元格置于该样式表中。

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

将以下几行添加到您的样式表中:

td,th {text-align:center; }

如何将表格中的每个页眉单元居中

将以下几行添加到您的样式表中:

th {text-align:center; }

将桌子,身体或脚的每个细胞居中

为了居中这些单元格,您需要添加并非总是使用的表格标签,例如,和。 然后,您将用这些标签围住您的表格单元格以标识表头,主体和脚。 之后,您将在样式表中添加以下内容:

thead th,the td {text-align:center; } tbody th,tbody td {text-align:center; } tfoot th,tfoot td {text-align:center; }

删除不想居中区域的样式。

如何将表格中的特定单元格或单元格居中

要做到这一点,你需要在你想要居中的单元上设置一个类。

将以下属性添加到您希望居中的表格单元格中:

class =“centered-cell” >

然后将以下内容添加到您的样式表中:

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

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

包起来

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