最近加班像個牛一樣，很久沒來貼吧逛逛了，深感抱歉~
上次有朋友發了個完美讓元素水平垂直居中的帖子，但是貌似僅限已知寬高的元素(沒仔細看，說錯了道歉)。
這次分享一下未知寬高元素水平垂直的方法。
如果你曾經研究過水平垂直居中的方法，那麼下面這幾個方法你肯定知道
下面介紹的方法主要是利用display:inline-block;讓元素變為行內塊元素，利用vertical-align:middle來實現垂直居中,利用父元素的text-align:center;實現水平居中。
一、**方法
**本來對立面的內容是垂直居中的，所以用**來做很適合。但是它裡面的內容是行內元素才行，所以下面的**就可以實現。
水平垂直居中了吧
兩行文字哦
在css裡面有個display:table-cell;屬性值可以讓元素渲染為**單元格，就可以輕鬆實行讓子元素水平垂直居中了，自己試下
水平垂直居中了吧
兩行文字哦
二、利用vertical-align:middle
這個方法目前是我的最愛，因為下面介紹的相容性不是很好
這個是利用乙個沒有寬度b標籤來實現水平垂直居中
css吧
來個寬度大點的試試
效果圖跟上面的一樣的，就不截圖了，呵呵，下面用美女測試吧，比較吸引眼球
三、使用transform實現
一般使用百分比單位的時候都是相對父元素來計算的，但是在css裡面有個比較特殊的屬性是相對自身寬高來計算的。那就是transform:translate();
這樣就簡單了，只是這個低版本ie不相容，而且很遺憾 安卓2.3使用這個有bug，暫時不能在移動端使用
水平垂直居中的，任意寬高，相對簡單。
四、彈性盒模型
彈性盒模型就是flex，css3新增布局方式，超級好用，誰用誰知道，推薦大家都學習一番。
這個方法我在手機端都很喜歡用，相對爽啊 呵呵。同樣比較遺憾的是低版本ie不支援，不過手機端是沒有問題的，使用舊版方法display:box;
CSS未知寬高元素水平垂直居中
方法一 思路 顯示設定父元素為 table，子元素為 cell table，這樣就可以使用vertical align center，實現水平居中 優點 父元素 parent 可以動態的改變高度 table元素的特性 缺點 ie8以下不支援 lang en charset utf 8 未知寬高元素水...
寬高未知垂直水平居中
寬高未知情況下垂直水平居中很多情況下都會遇到 查了蠻多大家分享的小例子，我也來記錄一下 這裡是css3的 transform 屬性，可以在ie9及以上的瀏覽器水平垂直居中chrome firefox也是沒有問題 這裡是一段話這裡是一段話 這裡是一段話這裡是一段話 這裡是一段話這裡是一段話 total...
未知寬高元素垂直居中
給父元素display table 子元素display cell table,vertical align center，子元素即可居中 子元素絕對定位，top50 left50 transform translate 50 50 父元素flex，align items center justif...