运用css3变形实现不定宽高元素在父元素或屏幕窗口水平垂直都居中的方法?

2024年04月14日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客

运用css3变形实现不定宽高元素在父元素或屏幕窗口水平垂直都居中的方法?


一、在屏幕窗口水平垂直都居中,方法如下:

元素{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


二、在父级元素中水平垂直都居中,方法如下:

父元素{
    position: relative;
}

子元素{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}


本文链接:http://so.lmcjl.com/news/2065/

展开阅读全文
相关内容