{
positon:absolute
top:50%
left:50%
transform:translate(-50%,-50%) //上面的top和left的50%是基于子元素左和上的边框,所以需要移动子元素自身右下方向50%
}
10-14
507
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
11-04
2912
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
{
positon:absolute
top:50%
left:50%
transform:translate(-50%,-50%) //上面的top和left的50%是基于子元素左和上的边框,所以需要移动子元素自身右下方向50%
}