怎么让这个注册界面显示在界面中间呢?
时间: 2024-03-18 11:42:23 浏览: 24
可以通过CSS的方式将注册界面居中显示。可以在`<head>`标签中添加如下代码:
```html
<style>
/* 将body的高度设置为100% */
body {
height: 100%;
}
/* 将登录页面的外边距设置为auto,实现水平和垂直居中 */
.login-page {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
margin: 0 auto;
}
/* 将登录框的宽度设置为50% */
.login-box {
width: 50%;
}
</style>
```
然后,在`<body>`标签中添加一个`<div>`元素,用于包裹整个登录页面,代码如下:
```html
<body>
<div class="login-page">
<div class="login-box">
<h1>登录页面</h1>
@using (Html.BeginForm("SignIn", "Part3", FormMethod.Post, new { id = "MyForm", name = "MyForm" })) {
<p>用户名:@Html.TextBox("userName", "", new { onblur="CheckUserName()", placeholder="请输入您的账号"})</p>
<p>密码:@Html.TextBox("password", "", new { onblur="CheckPassword()", placeholder="请输入您的密码"})</p>
<input type="button" class="btn-success" value="登录" />
}
</div>
</div>
</body>
```
最后,登录页面将会在浏览器窗口的中央居中显示。