但是,有時(shí)候會(huì)發(fā)現(xiàn)這樣寫了也沒出效果。原因是什么呢? 請(qǐng)往下看。
水平居中:分為塊級(jí)元素居中和行元素居中
行內(nèi)元素:
行內(nèi)元素就是內(nèi)聯(lián)元素。例如<span>、<a>、<label>、<em>、<img>等。。
直接構(gòu)建一個(gè)具有 ”text-align:center“樣式的容器,那么里面包含的行內(nèi)元素就會(huì)都居中了。
效果如圖:

有沒有發(fā)現(xiàn)不對(duì),塊級(jí)元素怎么“看起來”也居中了?給<p>加上寬度后:
效果如圖:

原來只是里面的文本居中了!
那么下面看塊級(jí)元素居中。大家都知道塊級(jí)元素是可以設(shè)置height和width的,那么這就又
分為定寬與不定寬。
定寬:
定寬其實(shí)很好解決。直接margin:0 auto就可以實(shí)現(xiàn)容器居中,再加上text-align:center才可以讓文本居中。
效果如圖:

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

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