HTML 使用一个表格参数将所有列值居中对齐

Posted 2023-03-29

【中文标题】HTML 使用一个表格参数将所有列值居中对齐

【英文标题】：HTML align all column values to the center with one table parameter

【发布时间】：2021-11-09 04:57:05

【问题描述】：

我正在尝试在 html 中生成一个表格，并希望将所有表格值对齐到中心，不为每个单元格指定对齐方式（我想要一段代码，在开头表）

有没有我可以在代码开头设置的表格参数来帮助我做到这一点？

两行示例代码：

<table border="1"><TR><TD>1</TD><TD>2</TD><TD>3</TD><TD>4</TD></TR><TR><TD>1aaaaaa</TD><TD>2aaaaa</TD><TD>3aaaaa</TD><TD>4aaaa</TD></TR></table>

【问题讨论】：

垂直居中还是水平居中，或两者兼而有之？你会使用 CSS 吗？

<table style="text-align: center" border="1"> 如果没有其他 CSS 会覆盖它，则会做水平居中。

使用css，而不是硬代码

谢谢大卫，这正是我要找的 - 你想把这个作为答案发布吗？

【参考方案1】：

为了让大卫（以上）的答案更加明显：

要使表格内所有单元格中的数据对齐，请使用以下命令：

<table style="text-align: center;" border="1">

工作示例：

<table border="1" style="text-align: center;"><TR><TD>1</TD><TD>2</TD><TD>3</TD><TD>4</TD></TR><TR><TD>1aaaaaa</TD><TD>2aaaaa</TD><TD>3aaaaa</TD><TD>4aaaa</TD></TR></table>

就我而言，这有助于减少大量冗余代码。希望这会帮助其他人做同样的事情。