1、首先打开vscode编辑器，新建一个html文档，里面写入一个外层的div，再加入一行table表格：
2、然后在上方的style标签中加入css样式，设置table标签的样式，table的元素具有长度自适应性，其长度根据其内文本长度决定，只要设置margin属性，让左右设置为auto就回自动分配剩余空间，也就是元素两侧的区域各占50%，那么元素就左右居中了：
3、最后打开浏览器就可以看到居中的一行表格了：
温馨提示：内容为网友见解，仅供参考
第1个回答 推荐于2017-09-25
使用align=”center“即可实现表格的居中。代码实例如下：
<html><meta charset="utf-8">
<body>
<table align="center" border="1">
<tr>
<td>表格内容</td>
</tr>
</table>
</body>
</html>
效果如下：
第2个回答 2015-10-13
1、<table align="center">
</table>
2、<style type="text/css">
#biaoge{
margin:6px;
padding:2px;
text-align:center;
}
#biaoge table{
margin:0px auto;
}
</style>
<div id="biaoge">
<table>
<tr><td>单元格1</td><td>单元格2</td></tr>
<tr><td>单元格3</td><td>单元格4</td></tr>
<tr><td>单元格5</td><td>单元格6</td></tr>
<tr><td>单元格7</td><td>单元格8</td></tr>
</table>
</div>
</table>
2、<style type="text/css">
#biaoge{
margin:6px;
padding:2px;
text-align:center;
}
#biaoge table{
margin:0px auto;
}
</style>
<div id="biaoge">
<table>
<tr><td>单元格1</td><td>单元格2</td></tr>
<tr><td>单元格3</td><td>单元格4</td></tr>
<tr><td>单元格5</td><td>单元格6</td></tr>
<tr><td>单元格7</td><td>单元格8</td></tr>
</table>
</div>
第3个回答 2011-04-09
ight="100" border="0" align="center" valign="center" cellpadding="0" cellspacing="0">
<tr bgcolor="#999966">
<td> </td>
</tr>
</table>
<tr bgcolor="#999966">
<td> </td>
</tr>
</table>
第4个回答 2015-11-04
文字居中text-align:center
布局居中 margin:0 auto;
垂直居中 vertical-align:middle
布局居中 margin:0 auto;
垂直居中 vertical-align:middle
相似回答
