如何在html表格中居中放置项目？

Question

因为我是Web开发的新手，所以我无法将代码居中。

这是它的样子：

我想居中，这样看起来更好。

我的html：

<table style="justify-content: center;">
<tr><th style='padding:25px'><h2>Grade 9</h2>
- <a href='regular9.php'>Regular 9</a><br>
- <a href='honors9.php'>Honors 9</a><br>
</th><th style='padding:25px'>
<h2>Grade 10</h2>
- <a href='regular10.php'>Regular 10</a><br>
- <a href='honors10.php'>Honors 10</a><br>
</th>
<th style='padding:25px'>
<h2>Grade 11</h2>
- <a href='courses11.php'>Courses 11</a><br>
- <a href='diploma11.php'>Diploma 11</a><br>
</th>
<th style='padding:25px'>
<h2>Grade 12</h2>
- <a href='courses12.php'>Courses 12</a><br>
- <a href='diploma12.php'>Diploma 12</a><br>
</th>

</tr>
</table>

Answer 1

如果要使表格的列居中，请尝试text-align：center;

Answer 2

您应该使用此

margin-left:auto; 
margin-right:auto;

替换

<table style="justify-content: center;">

使用

<table style="margin-left:auto; margin-right:auto;">

或更好 css：

table.center {
  margin-left:auto; 
  margin-right:auto;
}

html：

<table class="center">
</table>