nciaer 发表于 2024-11-20 17:49:48

水平垂直居中页面的div代码

每次都需要百度,干脆自己记录下来吧,具体原理我也不懂,不过算是比较简单的方法。
.win {
        width: 500px;
        height: 300px;
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        /* 如果也需要水平居中,可以添加以下属性 */
        left: 50%;
        transform: translate(-50%, -50%);
        background: #FF0000;
}定义一个.win的div即可
页: [1]
查看完整版本: 水平垂直居中页面的div代码