摘要：
在我們製作頁面的時候經常會遇到內容垂直居中的需求，今天分享5種垂直居中的方法，每種方法都有自己的優缺點，可以選擇自己喜歡的方式。以下**都經過本人親自測試。
line-height：
複製**
**如下:
vertical-align:middle;
:before：
複製**
**如下:
程式設計客棧d">
vertical-align:middle;
padding-top：
複製**
**如下:
vertical-align:middle;
position:absolute：
複製**
**如下:
vertical-align:middle;
display:table-cell;
複製**
**如下:
《程式設計客棧div id="content">
vertical-align:middle;
CSS實現垂直居中的方法
垂直居中是css布局中十分常見的布局效果，在平時的工作中遇到的垂直居中布局大概分為以下的幾類 1，首先是單行文字居中，非常簡單，只需要設定父級元素的高和行高相等，或者設定本身元素為內聯塊或者塊元素，再設定高和行高相等就可以。1 doctype html 2 html 3 head 4 meta ch...
CSS實現垂直居中
1 最簡單的單行文字line height垂直居中 2 垂直居中，使用line height和vertical align middle 3 使用table布局，display table和display table cell xx 4 絕對居中，使用margin auto和top bottom l...
CSS實現垂直居中
hack技術就可以啊！所以在這裡我還要囉嗦兩句，css中的確是有vertical align屬性，但是它只對 x html元素中擁有valign特性的元素才生效，例如 元素中的 等，而像 這樣的元素是沒有valign特性的，因此使用vertical align對它們不起作用。一 單行垂直居中 如果乙...