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) 括号的百分比数据,会以自身的长宽做参考。

 

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页