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

转自 鹏仔先生个人博客

百度搜索：鹏仔先生

网址 www.sharedblog.cn/?post=41

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

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

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

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

父元素{
    position: relative;
}

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

相关：四种常用方法 设置 不定/定宽高元素 在窗口/父元素中 水平垂直居中方法 http://www.sharedblog.cn/?post=97