DIV元素水平和垂直居中

在前端開發過程中，經常要對元素進行居中設置。一般有水平居中，和垂直居中。一般設置水平居中簡單。基本是margin:0 auto，就可以了。但是垂直居中，我們有時會覺得使用vertical-align,但是這個屬性對div元素不起作用。 目前通用的解決辦法是，使用絕對定位，然後設置left和top爲50%。然後通過margin來設置。下面具體代碼演示了一個簡單的登錄頁面，然後使登錄界面水平居中和垂直

>>阅读原文<<