如何在CSS中居中放置表格？
如何用CSS将表格居中？
在网站设计中使用表格很常见，表格的默认向左对齐，但是使用
CSS 中的
margin 属性即可 。
如果将
margin-left 和
margin-right 的值设置为
auto ，浏览器就会将表格居中显示。我们可以使用缩写属性
margin 并将其设置为
auto ，表格就会聚中对齐
text-align：center; 属性不是使表格居中对齐，而是仅使表格内容居中，例如文本
让我们通过插图来理解这一点。
示例
在此示例中，我们使用
text-align: center; 属性可将内容置于表格中心，而
margin-left: auto; 和
margin-right：auto; 可将表格置于中心
<!DOCTYPE>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
width: 500px;
text-align: center;
font-size: 20px;
}
</style>
</head>
<body>
<table>
<tr>
<th>First_Name</th>
<th>Last_Name</th>
<th>Subject</th>
<th>Marks</th>
</tr>
<tr>
<td>James</td><td>Gosling</td><td>Maths</td><td>92</td>
</tr>
<tr>
<td>Alan</td><td>Rickman</td><td>Maths</td><td>89</td>
</tr>
<tr>
<td>Sam</td><td>Mendes</td><td>Maths</td><td>82</td>
</tr>
</table>
</body>
</html>
输出
