前端页面中如何居中网页里的表格
时间: 2023-08-02 20:09:46 浏览: 192
网页前端高级编程-实验报告-设计静态页面.doc
5星 · 资源好评率100%
要将表格居中放置在网页中,可以使用CSS中的text-align和margin属性。
例如,将表格放在一个div容器中:
```
<div style="text-align:center;">
<table style="margin:0 auto;">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
</table>
</div>
```
其中,text-align:center;将div容器中的内容居中,而margin:0 auto;将表格在div容器中水平居中。
阅读全文