表格单元格的内容水平和垂直居中？ [复制]

Posted 2023-03-05

【中文标题】表格单元格的内容水平和垂直居中？ [复制]

【英文标题】：Center contents of table cell horizontally AND vertically? [duplicate]

【发布时间】：2013-10-12 21:59:06

【问题描述】：

我需要能够使用纯 html 将表格单元格的内容垂直和水平居中。

使用下面的代码，有人可以为我修改它。我可以看到很多 CSS 示例，但我不是 CSS 类型的人，我不想真正了解它。

这是一次性编辑。

<table border="1" bordercolor="7c74ba" style="background-color:#FFFFFF"  cellpadding="1" cellspacing="0">
    <tr>
        <td>Table Cell</td>
    </tr>
</table>

如何在不移动表格本身的情况下将Table Cell 文本垂直和水平居中。表格单元完美地位于我想要的位置。

【问题讨论】：

您可以使用 align="center" 和 valign="middle"，但请记住这些已弃用，您应该使用 css。

“我不是那种 CSS 的人”。你太时髦了，你摇滚\m/

你已经使用style作为背景......

感谢大家对我的问题的非建设性批评。如果您不想礼貌地帮助他们，请不要添加此内容。我不需要 CSS 在构建它的环境中运行，问题非常简单直接。我不以开发任何形式的 webapps 为生，为一个简单的任务学习整个结构来编辑 Intranet 上的单个文件对我毫无用处。你可以看到我已经在为当前表格使用 CSS 结构，我知道的足够多，不需要在这里和那里学习所有东西。

【参考方案1】：

将text-align:center 添加到您的样式中（嗯，您实际上已经在使用 css 规则了！！）

FIDDLE

<table border="1" bordercolor="7c74ba" style="background-color:#FFFFFF;text-align:center"  cellpadding="1" cellspacing="0">
    <tr>
        <td>Table Cell</td>
    </tr>
</table>

【讨论】：

如果有多个列和行，那么所有内容都放在中心会发生什么

@Danield 谢谢！这正是在这种情况下对我有用的方法。感谢您在这件事上的帮助。

【参考方案2】：

试试这个：

align="center" AND valign="middle"

但是，最好使用 CSS

【讨论】：

感谢您的回复。我在上面的示例代码中的实际 HTML 中使用 CSS 样式，您可以看到。我只是不想回去编辑该站点使用的CSS 文件之一。它们太多了，我不知道它们是如何联系起来的。

如果你在行 css 中使用，在 style="something" 中它总是在其他 css 的代码前面。他们是重中之重。干杯

【参考方案3】：

我知道您的问题指定了“无 CSS”，但如果您改变主意，将以下 CSS 添加到我的样式表中就可以了：

td

   vertical-align: middle;
   text-align: center;