中心登录页面但未登录页面

Question

我希望将登录页面集中在一起： https://secure.workbooks.com/process/=QzM/Customer_Support_Portal

然而，由于登录页面是全宽的，所以不需要将它居中。

我该如何处理？

谢谢，

萨姆

Answer 1

试试这个：

<强> CSS

.loginform, .registrationform, .forgotpasswordform, .passwordsetform {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: 480px;
}

或

.loginform, .registrationform, .forgotpasswordform, .passwordsetform {
    width: 480px;
    margin: 0 auto;
}

如果您想将标题居中，请添加一个类：

<强> CSS

h1.login-title{
text-align:center;
}

<强> HTML

<h1 class="login-title">Customer Support Portal - Login</h1>

Answer 2

给出包装div＆amp;的宽度然后使用margin：0 auto来居中它。

#wrap{
    width: 480px;
    margin: o auto;
}

表格改变宽度＆amp;添加保证金：0自动;

.emailbox{
    width: 209px;
    margin: 0 auto;
}

for footer add text-align property

#footer{
    text-align: center;
}