如何在表格单元格中居中显示文本(center text in a table cell)

如果您是一名网页设计师新手,您可能会对如何在表格单元格中居中文本产生疑问。有了本指南,只需几分钟就可以学会这项技术。这很容易——即使你以前从未尝试过。...

如果您是一名网页设计师新手,您可能会对如何在表格单元格中居中文本产生疑问。有了本指南,只需几分钟就可以学会这项技术。这很容易——即使你以前从未尝试过。

Web designer working in her studio.

开始

在单元格中居中放置文本最好使用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;}

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

总结

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

  • 发表于 2021-09-04 21:26
  • 阅读 ( 117 )
  • 分类:IT

你可能感兴趣的文章

防护室(guard cells)和辅助单元(subsidiary cells)的区别

... 保卫细胞与附属细胞的相似性 5. 并列比较-保护单元格与表格形式的辅助单元格 6. 摘要 什么是防护室(guard cells)? 保卫细胞是植物叶、茎和其他**表皮中的特殊细胞。保卫细胞在包围和调节气孔大小方面起着特殊的作用。气孔是...

  • 发布于 2020-10-17 06:59
  • 阅读 ( 315 )

开放式单元格(open cell)和闭孔喷雾泡沫(closed cell spray foam)的区别

...什么是开孔喷雾泡沫3。什么是闭孔喷雾泡沫4。并列比较-表格形式的开孔与闭孔喷雾泡沫5。摘要 什么是开孔喷雾泡沫(open cell spray foam)? 开孔喷雾泡沫是一种喷雾泡沫绝缘材料,它是填充没有完全封装的细胞。这种喷雾泡沫密...

  • 发布于 2021-03-04 16:59
  • 阅读 ( 610 )

无长突(amacrine)和水平单元格(horizontal cells)的区别

...水平细胞的相似性 5. 并列比较-无长突细胞与水平细胞的表格形式 6. 摘要 什么是无长突细胞(amacrine cells)? 无长突细胞是视网膜的一种中间神经元,参与视网膜的间接通路。它们的胞**于核内层。它们在内网状层起作用。无长...

  • 发布于 2021-03-04 19:22
  • 阅读 ( 207 )

关于在excel中编写vba宏的初学者教程(以及学习的原因)

...给了您更多的功能。您可以确切地告诉Excel要做什么以及如何做。您还可以访问更多的功能和能力。如果您经常使用Excel,那么学习如何创建VBA宏是值得的。 ...

  • 发布于 2021-03-24 10:07
  • 阅读 ( 240 )

如何在excel电子表格上创建标题行

...,从而可以在一个页面上查看所有数据。我们稍后将讨论如何回到正常视图。 单击“标题”部分中的任意位置并键入文本。 要返回默认工作簿视图,请单击文档底部的“普通”页面布局图标。 当您返回到“正常”工作簿视图...

  • 发布于 2021-04-01 11:54
  • 阅读 ( 157 )

如何连接google工作表中多个单元格的数据

...为它允许您使用操作符和其他内容来操作链接的数据。 如何使用concat函数 可以使用CONCAT函数组合来自两个单元格的数据,但它有一些限制。首先,您只能链接两个单元格,它不支持运算符配置如何显示链接的数据。 要使用CONC...

  • 发布于 2021-04-02 19:55
  • 阅读 ( 242 )

如何在excel中跨多个单元格居中显示文本

如果您在Excel的电子表格中有一个标签或标题,您希望将其置于一定数量的单元格的中心,有几种方法可以做到这一点,可以合并单元格,也可以不合并单元格。我们会告诉你两种方法。 首先,我们将通过合并单元格跨单元格...

  • 发布于 2021-04-10 04:08
  • 阅读 ( 207 )

如何在googledocs中插入和编辑表格

...填充是指单元格数据和单元格边框之间的空间。 相关:如何在Excel中添加文本和单元格边框之间的空格 移动表格对齐方式 您可能需要调整的最后一个设置是表格对齐方式。使用表属性此部分中的下拉框从左、中或右进行选择。...

  • 发布于 2021-04-14 18:04
  • 阅读 ( 274 )

如何在googlesheets中查看单元格的编辑历史

...到值的更改。 与添加或删除行和列相关的更改。 相关:如何切换到谷歌文档、工作表或幻灯片文件的早期版本 另一件要记住的事情是,这个特性只会显示编辑历史。不能使用此选项还原任何给定单元格中的旧版本数据。 如何...

  • 发布于 2021-07-14 08:55
  • 阅读 ( 180 )

如何在google表中排序

在查看或分析电子表格时,您可能需要做的一件事是对数据进行排序。幸运的是,在googlesheets中,您可以轻松地按字母、数字或颜色对整个工作表或一系列单元格进行排序。 Table of Contents Sort an Entire Sheet by a Column Sort Only a Ran...

  • 发布于 2021-07-14 10:09
  • 阅读 ( 148 )
sad12的
sad12的

0 篇文章

相关推荐