1首先打开vscode编辑器，新建一个html文档，里面写入一个外层的div，再加入一行table表格2然后在上方的style标签中加入css样式，设置table标签的样式，table的元素具有长度自适应性，其长度根据其内文本长度决定，只要设置margin属性，让左右设置为auto就回自动分配剩余空间，也就是元素两侧的区域各占50。

需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml，填充问题基础代码2在indexhtml中的ltstyle标签中，输入css代码table margin auto3浏览器运行indexhtml页面，此时table在div中成功居中显示了。

在表格外面嵌套另一个高度为 100% 的表格，外层的表格设置 td 的 valign 属性 为 middle lttable width=quot100%quot height=quot100%quot border=quot0quot cellspacing=quot0quot cellpadding=quot0quotlttrlttd align=quotcenterquot valign=quotmiddlequot lttablelttrlttdsdfsdfsflttdlttrlttable lttdlttrlt。

所以左右两边元素剩余区域各自均分，也就是元素两侧的区域各占50%，那么元素就左右居中了对于宽度不固定的块级元素，通常有3种方式来实现居中第一种是通过table元素来实现第二种是设置display inline方法，将显示类型设为行内元素第三种是设置positionrelative，利用相对定位的方式，将元素向左。

html垂直居中有4中方法分别有使用lineheight使用表格利用displaytablecell使用绝对定位具体实现方法使用lineheight 把文字的lineheight设为文字父容器的高度，适用于只有一行文字的情况可以让文字在父元素内垂直居中使用表格 在IE67中我们可以使用vertivalalignmiddle来对表格里的。