今天遇到乙個垂直居中的問題，除錯了乙個多小時，終於找到乙個解決辦法，雖然不夠完美，但是能解決當前問題，現來總結一下居中的一些常見問題：
**居中：這個最好解決，直接呼叫現成的css style - vertical-align: middle
div居中：這個就挺麻煩，因為現成的css style對div無效，所以只能想一些辦法來實現這種效果：
萬能方法：這個方案適用於所有的頁面元素，首先自己計算好元素占用了多少個畫素和元素距離border-top的距離，直接更改padding-top的值為你計算的距離，這樣元素就垂直居中了。雖然有點投機取巧，但是能實現效果也不失為一種解決方案！
定義三個div，相互巢狀，如下圖最終想要居中的元素居中了，css為：
因為我要居中的元素是ul裡面的li要垂直居中，所以只能用方法3了，以後如果有更好的方法，接著更新！
html中div垂直居中
雖然div布局已經基本上取代了 布局，但 布局和div布局仍然各有千秋，互有長處。比如 布局中的垂直居中就是div布局的一大弱項，不過好在千變萬化的css可以靈活運用，可以製作出準垂直居中效果，勉強過關。要讓div中的內容垂直居中，無非有以下幾種方法，等我一一枚舉 一 行高 line height ...
HTML 元素水平垂直居中
方案一 div絕對定位水平垂直居中 margin auto實現絕對定位元素的居中 相容性 ie7及之前版本不支援 div方案二 div絕對定位水平垂直居中 margin 負間距 這或許是當前最流行的使用方法。div方案三 div絕對定位水平垂直居中 transforms 變形 相容性 ie8不支援 ...
居中之美之垂直居中系列
參考自 元素垂直居中 1 元素內容是單行，並且其高度是固定不變的，你只要將其 line height 設定成和 height 值一樣就ok了。必須單行文字，且高度一定 html content csss vertical 2 給容器設定絕對定位 position absolute 並且定位高度 to...