博主回來了。。本來在github上布了blog，後面換公司，部落格md檔案都忘記拿走了- -
乙個原先同學問我 css怎麼垂直居中呀= =，一看就沒好好學習過。。
盆友們可能有的只是需要**
//自己去拿吧~ 這是針對image的 我也懶得改了~
我所知道的4種方式(其他的不是不行，而是我不常用)
容器(父元素)line-height = height，子元素的display為inline或者inline-block
利用了行內元素的特徵，在塊級元素中預設行高居中，相容性的話 就看inline-block的了~~~
容器(父元素)display:table-cell + vertical-align:middle , 老一套，利用table-cell的特性vertical-align居中，相容性不錯，布局不推薦，小範圍的這種 還可以用用
容器(父元素)position:relative，子元素的position為absolute;top:50%;transform:translatey(-50%);
解釋一下，top是相對父元素的height，而transform(變形)是相對於子元素本身的，這種方式常用於移動端，理由就是 變形 是css3的新特性，pc端可能就呵呵了~（我們還沒有擊垮ie8…）
後記
網上的解決方案，乙個賽著乙個不靠譜，= =，自己總結一遍 勿噴~CSS垂直居中解決方案
應用的地方比較普遍，這裡有兩個赤裸裸的栗子 也有很多流行的方案，這裡只針對各種方案的適用場景來做一些分析 其實，垂直居中問題可以簡化成這樣 乙個容器html元素 container 乙個需要居中的html元素 center 特殊的情形下可能會出現body為 container，center是,此處不...
CSS水平居中和垂直居中解決方案
一 css 居中 水平居中 div等標籤本身沒有定義自己居中的屬性，網上很多的方法都是介紹用上級的text align center，然後巢狀一層div來解決問題。可是這個方法有時候完全不起作用，而且對於布局是非常不科學的方法。正確的的設定寫法如下 對頁面構造沒有影響 div 這句css居中的意思就...
垂直居中的解決方案
下面是比較專業的垂直居中的集中解決方案。記錄於此，以便查閱。1 單行垂直居中 文字在層中垂直居中vertical align 屬性是做不到的.我們這裡有個比較巧妙的方法就是 設定height的高度與line height的高度相同 example source code www.52css.com ...