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

编程入门 行业动态 更新时间:2024-10-10 20:19:05

情况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,如何水平垂直居中

本文发布于:2023-06-14 01:13:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1421459.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:水平   position   fixed

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!