html表格居中代码

1、首先打开vscode编辑器，新建一个html文档，里面写入一个外层的div，再加入一行table表格：

2、然后在上方的style标签中加入css样式，设置table标签的样式，table的元素具有长度自适应性，其长度根据其内文本长度决定，只要设置margin属性，让左右设置为auto就回自动分配剩余空间，也就是元素两侧的区域各占50%，那么元素就左右居中了：

3、最后打开浏览器就可以看到居中的一行表格了：

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。

2、在index.html中的<style>标签中，输入css代码：table {margin: auto}。

3、浏览器运行index.html页面，此时table在div中成功居中显示了。