HTML表格居中
在HTML中，我们可以使用CSS样式来控制表格的布局和样式，要使表格居中，可以使用以下几种方法：
1、使用margin属性
<!DOCTYPE html>
<html>
<head>
<style>
table {
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<table border="1">
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
</table>
</body>
</html>
2、使用display属性
<!DOCTYPE html>
<html>
<head>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
</style>
</head>
<body>
<table border="1" style="width: 300px;">
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
</table>
</body>
</html>
相关问题与解答
1、如何设置表格的边框？
答：要设置表格的边框，可以在<table>标签中添加border属性，并为其指定一个宽度值。
<table border="1">
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/191206.html
微信扫一扫 