css居于浏览器正中间

如何让CSS居于浏览器正中间？这是一个常见的问题，下面简单介绍几种方法。

方法一：.container{
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
}
方法二：.container{
       display: flex;
       justify-content: center;
       align-items: center;
}
方法三：.container{
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       margin: auto;
}
    

以上三种方法均可以将CSS居于浏览器正中间，具体选择哪种方法可以根据具体需求和场景进行选择。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！