position:fixed,如何水平垂直居中

情况1、宽度确定(高度同理)

    width:8rem;
    height:8rem;
    position:fixed;
    left:0;
    right:0;
    margin:0 auto;

情况2、宽度不确定

    position:fixed;
3   left:50%;
4   top:50%;
5   transform:translate(-50%,-50%);
6   z-index:1000;      

 translate(x,y) 括号的百分比数据,会以自身的长宽做参考。

 

你可能感兴趣的:(position:fixed,如何水平垂直居中)