Html 删除页面顶部的空白区域
我想删除登录页面上方的空白。我不知道该去哪个地方。我在mvc项目中添加了一个登录页面,默认情况下页面顶部有空白。我想删除页面顶部的空白 见本参考资料: checkLogin.cshtmlHtml 删除页面顶部的空白区域,html,css,asp.net-mvc,layout,bootstrap-4,Html,Css,Asp.net Mvc,Layout,Bootstrap 4,我想删除登录页面上方的空白。我不知道该去哪个地方。我在mvc项目中添加了一个登录页面,默认情况下页面顶部有空白。我想删除页面顶部的空白 见本参考资料: checkLogin.cshtml @{ ViewBag.Title = "checkLogin"; } @using (Html.BeginForm("checkLogin", "Home", FormMethod.Post)) { <div class=&
@{
ViewBag.Title = "checkLogin";
}
@using (Html.BeginForm("checkLogin", "Home", FormMethod.Post))
{
<div class="limiter">
<div class="container-login100">
<div class="wrap-login100">
<form class="login100-form validate-form">
<span class="login100-form-title p-b-26">
kosmoanuaf
</span>
<span class="login100-form-title p-b-48">
<i class="zmdi zmdi-eye"></i>
</span>
<div class="wrap-input100 validate-input" data-validate="Valid email is: a@b.c">
<span class="btn-show-pass">
<i class="glyphicon glyphicon-envelope"></i>
</span>
<input class="input100" type="text" name="username" required/>
<span class="focus-input100" data-placeholder="Email"></span>
</div>
<div class="wrap-input100 validate-input" data-validate="Enter password">
<span class="btn-show-pass">
<i class="zmdi zmdi-eye"></i>
</span>
<input class="input100" type="password" name="password" required/>
<span class="focus-input100" data-placeholder="Password"></span>
</div>
<div class="container-login100-form-btn">
<div class="wrap-login100-form-btn">
<div class="login100-form-bgbtn"></div>
<button class="login100-form-btn">
Login
</button>
</div>
</div>
</form>
</div>
</div>
</div>
}
如何删除页面顶部的空白空间?我需要在哪个地方进行更正?我想这是我在身体css中看到的问题。试试看:
body {
padding-top: 0;
padding-bottom: 20px;
}
将正文的padding top设置为0,或者干脆将其删除。@admin我正在试图找到解决方案,空的空间应该放在哪里请帮助您在css
padding top:50px
中给出,还添加了背景色:#fff
在图像中。@RayeesAC是的,您是对的,我在控制台中找到了,但我忘记了试图查找问题解决了
body {
padding-top: 50px;
padding-bottom: 20px;
}
/* Set padding to keep content from hitting the edges */
.body-content {
padding-left: 15px;
padding-right: 15px;
}
/* Override the default bootstrap behavior where horizontal description lists
will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
white-space: normal;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
max-width: 280px;
}
body {
padding-top: 0;
padding-bottom: 20px;
}