【面试题】垂直居中

常见的两种方式

1 flex布局

        给父元素加上 display：flex; align-items: center; 就行了 

2 盒子布局

        1 给自身加上 position:realitive;

        2 top:50%;

        3 margin-top: 负的自身高度的一半

        4 如果自身高度不确定，可以使用 transform: translateY(-50%)