建站如何在表格单元格中心文本

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

围绕一个表内的文字最好是用 CSS,就像你会在您的网页上的另一个元素的 中心文字。
 

  • 你应该创建的第一件事情是一个内部样式表,在您的文档或附加的文件作为外部样式表头 。你会把中心您的表格单元格的样式,该 样式表。

  • 难度:简单
  • 所需时间: 2分钟

这里的如何:

首先,你需要决定你想要什么为本。与表中,你有几种选择,包括:

  • 表中的每个细胞
  • 中的每个表头单元格
  • 每个单元格在表头,表体,或表脚
  • 一个特定的细胞或细胞内的表
  • 如何在表中的每一个细胞中心


将下列行添加到您的样式表:

td,th {
  text-align: center;
}

如何到中心表中的每个标题单元格

将下列行添加到您的样式表:

th {
  text-align: center;
}

如何到中心每一个细胞在你的表头,表身,或桌腿

为了向这些细胞中心,您需要添加表格标签并不总是使用:<thead>, <tbody>, <tfoot>。环绕你的表细胞与这些标记来确定表头,身体和脚。

然后添加以下到你的样式表:

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

删除你不想为本地区的风格。

如何一个特定的单元格或表中的细胞中心

要做到这一点,你需要设置一个类你想为中心的细胞。

想要居中的表格单元格中添加下列属性:

<td class="centered-cell">

然后添加以下到你的样式表:

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

您可以添加这个类表中的任何单元格。

提示:
不要犹豫,对你的任何表格单元格使用这些样式。您可以使用它们对合并后的细胞或单细胞,将集中在文本。