未知宽高的元素的垂直居中
三种方法
- 弹性盒
display:flex;
//对父元素设置:
display: flex; justify-content: center; align-items: center;
- 弹性盒
display:table-cell;
//父元素
display: table-cell;
text-align: center;
vertical-align: middle;
//子元素设置
display: inline-block;
vertical-align: middle;
- 定位平移
//父元素
position: relative;
//子元素
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);