迫切需要的方法：inline-block法居中。基本方法是使用 display: inline-block, vertical-align: middle樣式和偽元素讓內(nèi)容塊在容器中居中。我的實現(xiàn)用到了幾個在其他地方見不到的新技巧解決了一些問題。
內(nèi)容區(qū)聲明的寬度不能大于容器的100% 減去0.25em的寬度。就像一段帶有長文本的區(qū)域。不然，內(nèi)容區(qū)域會被推到頂端，這就是使用:after偽類的原因。使用:before偽類則會讓元素有100%的大小！
如果內(nèi)容塊需要盡可能大地占用水平空間，可以為大容器加上max-width: 99%;樣式，或者考慮瀏覽器和容器寬度的情況下使用max-width: calc(100% – 0.25em) 樣式。
這種方法和table-cell的大多數(shù)好處相同，不過最初我放棄了這個方法，因為它更像是hack。不管這一點的話，瀏覽器支持很不錯，而且也被證實是很流行的方法。
HTML:
CSS:
新聞熱點
疑難解答
