1. <div style="text-align:center;border-style:solid">           <p style="border-style:solid;width:500px">我是塊級(jí)元素，我不居中</p>  
2.         <span style="border-style:solid">我是行內(nèi)元素，我要居中</span>       </div>  

效果如圖：

原來只是里面的文本居中了!

那么下面看塊級(jí)元素居中。大家都知道塊級(jí)元素是可以設(shè)置height和width的，那么這就又

分為定寬與不定寬。

定寬：

定寬其實(shí)很好解決。直接margin:0 auto就可以實(shí)現(xiàn)容器居中，再加上text-align:center才可以讓文本居中。

    <p style="border-style:solid;text-align:center;margin:0 auto;width:500px">我是定寬塊級(jí)元素，我要居中</p>

效果如圖：

不定寬：

不定寬其實(shí)是用的最多的，如這種導(dǎo)航欄：

因?yàn)閷?dǎo)航欄中的內(nèi)容是會(huì)變化的，所以寬度就不能定死了。要居中的話有三種方法，其中一種是利用table標(biāo)簽的特性，感覺適用性不是很好就不介紹了。