使用CSS居中放置表单

Question

我使用以下代码在html / css中编写了一个表单：

.login_form_wrapper{
float:left;
padding:60px;
width:55%;
padding:80px 100px 78px 100px;
text-align:center;
}

如何使居中居中，以使其恰好适合用户屏幕的中心？

在过去的几个小时中，我一直试图编辑CSS，但并不高兴。

任何帮助将不胜感激。

欢呼声

Answer 1

将此添加到样式类中

.login_form_wrapper{

    position: sticky;
    left: 25%;
    margin-left: -50px;
}

Answer 2

我在检查员中玩了几分钟，发现这个CSS看起来不错。

.login_form_wrapper {
    margin : 0 auto;
    width: 100%;
}

Answer 3

我想您正在使用的CSS类在多个地方使用。导致您的问题的原因是在此包装器DIV上：

<div class="login_form_wrapper register_wrapper">

您有使用float: left;的班级，需要删除并添加margin: 0 auto;