html表格居中
时间: 2023-07-07 14:18:23 浏览: 111
html中对文本实现垂直居中的方法
要让HTML表格居中,可以在<table>标签中使用CSS样式text-align:center。具体方法如下:
```html
<table style="text-align:center;">
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
```
使用样式text-align:center可以将表格中的内容水平居中,但是表格本身还是靠左对齐的。如果需要将表格整体居中,可以在父元素中使用样式text-align:center。
```html
<div style="text-align:center;">
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
</div>
```
阅读全文