最近群裡這個問題比較熱門，決定把我收藏的方法分享大家。在開始時，我們先看一下萬能的table實現。
執行**
好了，我們看其css實現。凡是table能做到的，css都能做的，但各瀏覽器在css的差異比較大，因此要相容它們難度很大。這涉及許多細節，各種流啊，display的表現效果與css hack，ie早些年搞了大堆的私有屬性，這也有待我們深一步挖掘。我們先看最簡單的實現，背景法——
背景法
執行**
css表示式法
執行**
絕對定位法
執行**
display:inline-block法
執行**
writing-mode法
執行**
記得**也搞乙個font-size法，但我覺得上下差異比較大，就不收錄了。懌飛的部落格亦提到過一南韓人有個巧妙的實現，但日久鏈結失效了，誰收藏了也請提供一下。
新發現的逆天方法，使用button 標籤做容器
svg**
CSS解決未知高度垂直居中
儘管有css的vertical align特性，但是並不能有效解決未知高度的垂直居中問題 在乙個div標籤裡有未知高度的文字或的情況下 標準瀏覽器如mozilla,opera,safari等.可將父級元素顯示方式設定為table display table 內部子元素定為table cell dis...
CSS解決未知高度垂直居中
儘管有 css 的 vertical align 特性，但是並不能有效解決未知高度的垂直居中問題 在乙個 div 標籤裡有未知高度的文字或的情況下 標 準瀏覽器如 mozilla,opera,safari 等.可將父級元素顯示方式設定為 table display table 內部子元素定為 tab...
CSS解決未知高度垂直居中
vertical centering in css 儘管有css的vertical align特性，但是並不能有效解決未知高度的垂直居中問題 在乙個div標籤裡有未知高度的文字或的情況下 標準瀏覽器如mozilla,opera,safari等.可將父級元素顯示方式設定為table display t...