垂直居中方法一
當(dāng)一個設(shè)置了定位的元素所有的偏移為0且margin為auto時將水平，垂直都居中谬以，且父元素自身的高度可動態(tài)變化强饮。
垂直居中方法二
如果是單行文本，行高如塊的高度一樣時將居中为黎，只一行邮丰，行高和元素一樣高，居中碍舍。
line-height: 600px;
height: 600px;
只可以是文字等一些行內(nèi)標(biāo)簽柠座，圖片不行
垂直居中方法三
讓元素相對父元素定位，偏移左50%片橡，上50%妈经，把自身向左移半個寬度，向上移半個高度捧书，同時完成了水平與垂直方向的居中
垂直居中方法四
vertical-align屬性吹泡，相對兄弟級行高（line-height）來定位,實現(xiàn)垂直居中。
垂直居中方法五
使用div構(gòu)造一個表格经瓷，使用表格特性居中
垂直居中方法六
在某些時候需要將小圖片與文字對齊爆哑，可以使用對齊的屬性absmiddle（絕對居中）
垂直居中方法七
CSS3中可以使用transform移動元素自身的寬度與高度實現(xiàn)居中。
transform用于設(shè)置或檢索對象的轉(zhuǎn)換舆吮，參數(shù)translate()指定對象的2D translation（2D平移）揭朝。第一個參數(shù)對應(yīng)X軸，第二個參數(shù)對應(yīng)Y軸色冀。如果第二個參數(shù)未提供潭袱，則默認(rèn)值為0。
垂直居中方法八
通過display:flex實現(xiàn)CSS垂直居中的方法是給父元素display:flex;而子元素align-self:center;
這個跟CSS水平居中的原理是一樣的锋恬，只是在flex-direction上有所差別屯换，一個是row(默認(rèn)值)，另外一個是column与学。
垂直方法九
具體方式是為父元素添加偽元素:before彤悔，使得子元素實現(xiàn)垂直居中。
