【面试题】垂直居中

常见的两种方式

1 flex布局

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

2 盒子布局

        1 给自身加上 position:realitive;

        2 top:50%;

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

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

你可能感兴趣的:(【面试题】垂直居中)