1、transform实现:(兼容IE)
父元素:position:relative;height:确定高度;
子元素: position:absolute;top:50%;transform: translateY(-50%);
2、flex布局
父元素{
height:确定高度;
display:flex;/*Flex布局*/
display: -webkit-flex; /* Safari */
align-items:center;/*指定垂直居中*/
}
1、transform实现:(兼容IE)
父元素:position:relative;height:确定高度;
子元素: position:absolute;top:50%;transform: translateY(-50%);
2、flex布局
父元素{
height:确定高度;
display:flex;/*Flex布局*/
display: -webkit-flex; /* Safari */
align-items:center;/*指定垂直居中*/
}