运用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%);
}

分享

分享海报

扫一扫 - 分享本文

打赏

微信

扫一扫 - 打赏鹏仔

收藏

请按下 Ctrl + D

即可收藏当前文章

手机看

分享到微信朋友圈

扫一扫 - 手机阅读

侵权投诉

侵权、举报、建议

↓