[toc]
在css中對元素進行水平居中是非常簡單的：如果它是乙個行內元素，就對它的父元素應用text-align:center;如果它是乙個塊級元素，就對它自身應用margin:auto。然而要對乙個元素進行垂直居中，就有點束手無策了，本文介紹了幾種常用的垂直居中方法以供參考！
一、**布局法
利用**的vertical-align屬性，當然首先將顯示方式設定為**，如下：
html>
documenttitle>
.wrap.cell.contentstyle>
head>
看，我又居中沒？
div>
div>
div>
body>
html>
二、基於行內塊的解決方案(來自於第二篇參考文獻)
這種方法確實講究技巧，在實際實施中估計也不常用，但還是有必要介紹一下。具體思路是在包裹元素內設定乙個「ghost」元素，使其高度為包裹元素的100%，然後同時設定「ghost」元素和居中元素vertical-align:middle.
html>
documenttitle>
.wrap.wrap:before.contentstyle>
head>
看，我居中沒？
在css中對元素進行水平居中是非常簡單的：如果它是乙個行內元素，就對它的父元素應用text-align:center;如果它是乙個塊級元素，就對它自身應用margin:auto。然而要對乙個元素進行垂直居中，就有點束手無策了，本文介紹了幾種常用的垂直居中方法以供參考！
一、**布局法
利用**的vertical-align屬性，當然首先將顯示方式設定為**，如下：
html>
documenttitle>
.wrap.cell.contentstyle>
head>
看，我又居中沒？
div>
div>
div>
body>
html>
二、基於行內塊的解決方案(來自於第二篇參考文獻)
這種方法確實講究技巧，在實際實施中估計也不常用，但還是有必要介紹一下。具體思路是在包裹元素內設定乙個「ghost」元素，使其高度為包裹元素的100%，然後同時設定「ghost」元素和居中元素vertical-align:middle.
html>
documenttitle>
.wrap.wrap:before.contentstyle>
head>
看，我居中沒？
強迫症的序列
小a是乙個中度強迫症患者,每次做陣列有關的題目都異常難受,他十分希望陣列的每乙個元素都一樣大,這樣子看起來才是最棒的,所以他決定通過一些操作把這個變成乙個看起來不難受的陣列,但他又想不要和之前的那個陣列偏差那麼大,所以他每次操作只給這個陣列的其中n 1個元素加1,但是小a並不能很好的算出最優的解決方...
強迫症的自我恢復
怎樣克服強迫症？這是很多的人比較關注的乙個問題。強迫症給人們的工作和生活帶來很嚴重的影響，如果不及時進行 對人的健康損害是很大的。那麼怎樣克服強迫症呢？下面就介紹一些怎樣克服強迫症的除錯方法，希望能幫助到更多的患者朋友。1 了解 和發病機制 強迫症與一定的人格特徵有密切關係。具有強迫症的人，在性格上...
J 強迫症的序列
題目描述 小a是乙個中度強迫症患者,每次做陣列有關的題目都異常難受,他十分希望陣列的每乙個元素都一樣大,這樣子看起來才是最棒的,所以他決定通過一些操作把這個變成乙個看起來不難受的陣列,但他又想不要和之前的那個陣列偏差那麼大,所以他每次操作只給這個陣列的其中n 1個元素加1,但是小a並不能很好的算出最...