1首先打開vscode編輯器，新建一個html文檔，里面寫入一個外層的div，再加入一行table表格2然后在上方的style標(biāo)簽中加入css樣式，設(shè)置table標(biāo)簽的樣式，table的元素具有長度自適應(yīng)性，其長度根據(jù)其內(nèi)文本長度決定，只要設(shè)置margin屬性，讓左右設(shè)置為auto就回自動分配剩余空間，也就是元素兩側(cè)的區(qū)域各占50。

需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml，填充問題基礎(chǔ)代碼2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼table margin auto3瀏覽器運行indexhtml頁面，此時table在div中成功居中顯示了。

在表格外面嵌套另一個高度為 100% 的表格，外層的表格設(shè)置 td 的 valign 屬性 為 middle lttable width=quot100%quot height=quot100%quot border=quot0quot cellspacing=quot0quot cellpadding=quot0quotlttrlttd align=quotcenterquot valign=quotmiddlequot lttablelttrlttdsdfsdfsflttdlttrlttable lttdlttrlt。

所以左右兩邊元素剩余區(qū)域各自均分，也就是元素兩側(cè)的區(qū)域各占50%，那么元素就左右居中了對于寬度不固定的塊級元素，通常有3種方式來實現(xiàn)居中第一種是通過table元素來實現(xiàn)第二種是設(shè)置display inline方法，將顯示類型設(shè)為行內(nèi)元素第三種是設(shè)置positionrelative，利用相對定位的方式，將元素向左。

html垂直居中有4中方法分別有使用lineheight使用表格利用displaytablecell使用絕對定位具體實現(xiàn)方法使用lineheight 把文字的lineheight設(shè)為文字父容器的高度，適用于只有一行文字的情況可以讓文字在父元素內(nèi)垂直居中使用表格 在IE67中我們可以使用vertivalalignmiddle來對表格里的。