CSS---让div居中的方法

第一种方式：设置body 居中。在CSS中的代码是（body{text-align:center;}）
第二种方式：用盒子模型，首先设置一个Div ，这个DIV的宽度为100%，然后在这个DIV居中，那么在这个DIV中加的内容就居中显示，代码如下：
<div class="div1">
<div class="div2"></div>
</div>

CSS 样式代码：
<style type="text/css">
.div1{text-align:center;width:100%;}
.div2{width:980px;background:red;} //为了看清效果，加了背景颜色
</style>

第三种方式：margin：0 auto；