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

  • 本文关键字:登录 html css
  • 更新时间 :
  • 英文 :


我正在寻找一个登录页面的中心:https://secure.workbooks.com/process/=QzM/Customer_Support_Portal

然而,由于登录页面是全宽的,因此不需要将其居中。

我该如何处理?

谢谢,山姆

试试这个:

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;
}

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

给div &然后使用margin: 0 auto来居中。

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

改变宽度&添加margin: 0 auto;

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

添加text-align属性

#footer{
    text-align: center;
}

最新更新