【css】 元素垂直居中

第一种：利用css的transform变形。

ps：这个真好用。 

position:absolute;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%)

第二种：ie9就不用想了。flex布局

ps: 宽高是一定要的，这是外层元素设置内层子元素的垂直居中。

display:flex;
just-content:center;
align-items:center;
width:100%;
height:100%;