html 将table居中
时间: 2023-10-12 13:21:46 浏览: 82
div 内table 居中实现代码
可以使用CSS来将一个table居中。可以在CSS样式表中设置table的margin属性为“auto”,这样table就会在其父元素中水平居中。以下是示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>居中显示Table</title>
<style>
table {
margin: auto;
}
</style>
</head>
<body>
<table border="1">
<tr>
<th>列头1</th>
<th>列头2</th>
<th>列头3</th>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
<tr>
<td>单元格4</td>
<td>单元格5</td>
<td>单元格6</td>
</tr>
</table>
</body>
</html>
```
以上代码将显示一个带有3列和2行的表格,它将出现在页面的正中央。
阅读全文