大家好，关于div居中很多朋友都还不太明白，不知道是什么意思，那么今天我就来为大家分享一下关于div居中对齐的css代码的相关知识，文章篇幅可能较长，还望大家耐心阅读，希望本篇文章对各位有所帮助！

1如何使DIV中的内容居中

1、在 DIV 标签对中写入的正文标签的 HTML 中div/div。然后我们将 div 设置为宽高度， 我们需要注意的是， 如果您不设置默认值的宽度为100% 哦， 所以它将填充整个页面。

2、首先我们对body设置text-align：center，再对需要居中的div盒子设置css样式margin：0auto，这样即可让对应div水平居中。

3、首先，新建一个html文件。在html文件上找body标签，在body标签中创建div标签并设置class类：div fixed浮动居中 /div 对div设置基本属性。

4、首先我们准备好一个空的html结构的文档。接下来我们要准备的是准备一个div用来放内容了，这里为了显示特意给div设置了边框。接下来我们就在div中添加内容，如下图所示，运行后你会发现内容偏向于左上角。

5、div居中可以用外边距margin属性来实现。

6、最常用的是用样式设置margin为auto，也就是自动外边距。其他的方法还有使用绝对定位设置left为50％，然后使用margin为负宽带的一半；使用transform的translate设置负位移。还可以通过设置固定的某个值进行居中，需要结合实际项目。

2怎么让div居中显示

首先我们对body设置text-align：center，再对需要居中的div盒子设置css样式margin：0auto，这样即可让对应div水平居中。

在 DIV 标签对中写入的正文标签的 HTML 中div/div。然后我们将 div 设置为宽高度， 我们需要注意的是， 如果您不设置默认值的宽度为100% 哦， 所以它将填充整个页面。

首先，新建一个html文件。在html文件上找body标签，在body标签中创建div标签并设置class类：div fixed浮动居中 /div 对div设置基本属性。

3怎么让一个DIV绝对定位到页面的正中间

1、在 DIV 标签对中写入的正文标签的 HTML 中div/div。然后我们将 div 设置为宽高度， 我们需要注意的是， 如果您不设置默认值的宽度为100% 哦， 所以它将填充整个页面。

2、浏览器运行index.html页面，此时无论怎么拉伸窗口，div都会自动调整到屏幕正中央。

3、用margin负值，这种方法适合div的宽高固定。position：absolute；left：50%；top：50%；margin-left：-宽度的一半；margin-top：-高度的一半；使用css3新属性translate，这个不需要固定宽高。

4、绝对定位：position：absolute；top：150px；left：50%；margin-left：-xxxpx；xxx是div的宽度数值。fixed定位同绝对定位一样，只不过将position的absolute换成fixed。

好了，文章到此结束，希望可以帮助到大家。