css里面怎么让一个DIV居中？
第一种方式：设置body 居中。在CSS中的代码是（body{text-align:center;}）第二种方式：用盒子模型，首先设置一个Div ，这个DIV的宽度为100%，然后在这个DIV居中，那么在这个DIV中加的内容就居中显示，代码如下：<div ><div ></div></div>CSS 样式代码：<style type="text/css">.div1{text-align:center;width:100%;}.div2{width:980px;background:red;} //为了看清效果，加了背景颜色</style>第三种方式：margin：0 auto；
通常的方法为：先设置div的宽度，然后使用如下样式：
1margin: 10px auto; /* 上下边距10px，左右边距自动以达到左右居中的目的*/以下为示例：
HTML代码中给出div
123 <div > <div ></div></div>添加样式
1234567 /*外层边框*/div.outer{width:200px;height:150px;border:1px solid green;}div.content{ width:100px;height:50px; /*设置大小*/ margin:20px auto; /*设置左右边距自动以使其居中*/ border:1px solid red;}显示效果
如何设置DIV居中？
可以通过以下方法实现DIV居中：1. 使用CSS样式设置DIV的宽度和高度；2. 使用CSS样式设置DIV的定位方式为绝对定位；3. 使用CSS样式设置DIV的left和top属性值为50%；4. 使用CSS样式设置DIV的margin-left和margin-top属性值为DIV宽度和高度的一半的负值。
这样就可以实现将DIV居中显示了。
除了以上方法，还有其他的方法可以实现DIV居中。
比如说，可以使用Flex布局实现DIV的居中，也可以使用JavaScript代码动态计算DIV的位置来实现居中效果。
不同的方法适用于不同的场合和需求，需要根据实际情况选择使用。
1、在 DIV 标签对中写入的正文标签的 HTML 中<div></div>。
2、然后我们将 div 设置为宽高度, 我们需要注意的是, 如果您不设置默认值的宽度为100% 哦, 所以它将填充整个页面。
3、然后我们设置 Div 的边距, 第一个参数指示顶部的距离为 0, 第二个自动表示自动。也就是说, 在设置此设置后, div 将根据页面自动居中。
4、浏览效果好后, 您可以看到此时 DIV 块已自动居中, 它与浏览器的左右两侧距离相同。