html - 使用 CSS 使表单居中

Question

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

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

如何将其居中以使其整齐地放置在用户屏幕的中心？

在过去的几个小时里，我一直在尝试编辑 CSS，但没有任何乐趣。

任何帮助，将不胜感激。

干杯

标签： htmlcssformscenter

Answer 1

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

<div class="login_form_wrapper register_wrapper">

你有应用float: left;这个需要删除和添加的类margin: 0 auto;