在網頁設計中，布局是非常重要的一環。在布局中，如何將頁面元素居中是一個常見的問題。在 HTML 中，DIV 是一個非常常見的元素，那么如何將 DIV 居中呢？下面我們就來揭秘 HTML DIV 居中的代碼。
一、水平居中
在 HTML 中，將 DIV 元素水平居中主要有以下幾種方法：
argin 屬性
argin 值都設置為 auto，這樣就可以將 DIV 元素水平居中。
示例代碼：
argin: 0 auto;">這是一個 DIV 元素
ter，就可以將 DIV 元素水平居中。
示例代碼：
terline-block;">這是一個 DIV 元素
3、使用 flex 布局
tentter，就可以將 DIV 元素水平居中。
示例代碼：
tentter;">
二、垂直居中
在 HTML 中，將 DIV 元素垂直居中主要有以下幾種方法：
1、使用 table-cell 屬性
iddle，就可以將 DIV 元素垂直居中。
示例代碼：
iddle;">
2、使用 flex 布局
ster，就可以將 DIV 元素垂直居中。
示例代碼：
ster; height: 200px;">
三、水平和垂直居中
在 HTML 中，將 DIV 元素水平和垂直居中主要有以下幾種方法：
1、使用 table 屬性
iddle，就可以將 DIV 元素水平和垂直居中。
示例代碼：
iddleter;">這是一個 DIV 元素
2、使用 absolute 屬性
argin 屬性設置為 auto，就可以將 DIV 元素水平和垂直居中。
示例代碼：
argin: auto;">這是一個 DIV 元素
以上就是 HTML DIV 居中的代碼揭秘，希望對您的網頁設計有所幫助，讓您的網頁布局更加優美。
