在网页设计中，布局是非常重要的一环。在布局中，如何将页面元素居中是一个常见的问题。在 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; “> 这是一个 DIV 元素
二、垂直居中
在 HTML 中，将 DIV 元素垂直居中主要有以下几种方法：
1、使用 table-cell 属性
iddle，就可以将 DIV 元素垂直居中。
示例代码：
iddle; “> 这是一个 DIV 元素
2、使用 flex 布局
ster，就可以将 DIV 元素垂直居中。
示例代码：
ster; height: 200px; “> 这是一个 DIV 元素
三、水平和垂直居中
在 HTML 中，将 DIV 元素水平和垂直居中主要有以下几种方法：
1、使用 table 属性
iddle，就可以将 DIV 元素水平和垂直居中。
示例代码：
iddleter; “> 这是一个 DIV 元素
2、使用 absolute 属性
argin 属性设置为 auto，就可以将 DIV 元素水平和垂直居中。
示例代码：
argin: auto; “> 这是一个 DIV 元素
以上就是 HTML DIV 居中的代码揭秘，希望对您的网页设计有所帮助，让您的网页布局更加优美。