【css】垂直居中

行内元素

//父元素
height: 200px;
line-height: 200px;

块级元素

父元素高度固定

//父元素
position: relative;
height: 200px;

//子元素
position: absolute;
width: 20px;
height:20px;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;

父元素高度不固定

 padding: 20px 0;