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

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


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

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


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

父元素{
    position: relative;
}

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


本文链接:https://my.lmcjl.com/post/21012.html

展开阅读全文

4 评论

留下您的评论.