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；