text-align:center 與 <CENTER>
您可能會認(rèn)為 text-align:center 與 <CENTER> 元素的作用一樣，但實(shí)際上二者大不相同。

<CENTER> 不僅影響文本，還會把整個元素居中。text-align 不會控制元素的對齊，而只影響內(nèi)部內(nèi)容。元素本身不會從一段移到另一端，只是其中的文本受影響。

<div style="text-align:center">
adsfasdfasdf
<p>asdfasdf</p>
<div style="display:block; width:200px; background-color:yellow" >div1</div>
</div>
<div>
<center>
adsfasdfasdf
<p>asdfasdf</p>
<div style="display:block; width:200px; background-color:yellow" >div2</div>
</center>
</div>

<center>是將所有被包含的元素都居中顯示，而text-align：center只是將元素下面的內(nèi)聯(lián)元素居中顯示。例子就是黃色div是block塊元素，用text-align：center沒用，居左； 下面的用<center>會居中。

css中可用align:center ： 和<center>標(biāo)簽效果一致。

<div align="center"> asdasdfljsadfj
<div style="display:block; width:200px; background-color:yellow" >balablkaa</div>
</div>

另外塊元素通常用margin：0 auto實(shí)現(xiàn)居中。

因?yàn)槟鉬ooter沒有居中啊o(╯□╰)o。

你應(yīng)該在CSS里面加這條屬性:

#footer {
margin-left: auto;
margin-right: auto;

}
如果還不行的話可以給footer設(shè)置一個具體的寬度-。-然后margin: auto;
還有一種方法是給footer一個和上方頁面等寬的寬度也行。