个人中心
gpt4 book ai didi

html - 无法在 View 中居中输入字段 (ASP.NET MVC)

转载 作者：太空宇宙 更新时间：2023-11-04 08:52:36 25 4
gpt4 key购买 nike

我有这样的 View

这是代码

`<div class="row row-centered">
    <div class="col-md-8  " style="width: 1100px; ">
        <section id="loginForm">
            @using (Html.BeginForm("AdminLogin", "Account", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
            {
                @Html.AntiForgeryToken()

                <hr />
                @Html.ValidationSummary(true, "", new { @class = "text-danger" })
                <div class="form-group" style="text-align: center">

                        @Html.TextBoxFor(m => m.Email, new { @class = "form-control", placeholder = "Email" })
                        @Html.ValidationMessageFor(m => m.Email, "", new { @class = "text-danger" })

                </div>
                <div class="form-group" style="text-align: center">

                        @Html.PasswordFor(m => m.Password, new { @class = "form-control", placeholder = "Пароль" })
                        @Html.ValidationMessageFor(m => m.Password, "", new { @class = "text-danger" })
                </div>
                <div class="form-group" style="text-align: center" >

                        <div class="checkbox">
                            @Html.CheckBoxFor(m => m.RememberMe)
                            @Html.LabelFor(m => m.RememberMe)
                        </div>
                </div>
                <div class="form-group" style="padding-top: 15px;text-align: center;">
                    <input type="submit" value="Войти" class="btn btn-default" style="width: 200px;" />
                </div>

                <div  style="width: 100%;text-align: center;">
                    <section id="socialLoginForm">
                        @Html.Partial("_ExternalLoginsListPartial", new ExternalLoginListViewModel { ReturnUrl = ViewBag.ReturnUrl })
                    </section>
                </div>
            }
        </section>
    </div>

</div>`

本地服务器正常

这是屏幕

enter image description here

但是当我上传到服务器时

看起来像这样

enter image description here

我不明白为什么会这样，因为我没有更改代码？

更新

这里是生成的HTML代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Логин - Видео Интервью</title>

    <script async type='text/javascript'>
        var appInsights=window.appInsights||function(config)
        {
            function r(config){ t[config] = function(){ var i = arguments; t.queue.push(function(){ t[config].apply(t, i)})} }
            var t = { config:config},u=document,e=window,o='script',s=u.createElement(o),i,f;for(s.src=config.url||'//az416426.vo.msecnd.net/scripts/a/ai.0.js',u.getElementsByTagName(o)[0].parentNode.appendChild(s),t.cookie=u.cookie,t.queue=[],i=['Event','Exception','Metric','PageView','Trace','Ajax'];i.length;)r('track'+i.pop());return r('setAuthenticatedUserContext'),r('clearAuthenticatedUserContext'),config.disableExceptionTracking||(i='onerror',r('_'+i),f=e[i],e[i]=function(config, r, u, e, o) { var s = f && f(config, r, u, e, o); return s !== !0 && t['_' + i](config, r, u, e, o),s}),t
        }({
            instrumentationKey:'a6c64876-3925-4b06-a0a7-fe91f4d5929a'
        });

        window.appInsights=appInsights;
        appInsights.trackPageView();

    </script>
</head>
<body>
<div style="padding-left: 70px;">
    <p>
    <a href="/">
        <img src="/images/logo.png" alt="image" height="120px" width="120px">
    </a>
        </p>
</div>


<div class="navbar ">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
          </div>
        <div class="navbar-collapse collapse">

            <ul class="nav navbar-nav" id="test12">
                <li ><a href="/Home/Contact">О нас</a></li>
                <li ><a href="/Home/Contact">Контакты</a></li>
                </ul>
                <ul class="nav navbar-nav">
        <li><a href="/Account/Register" id="registerLink">Регистрация</a></li>
        <li><a href="/Role" id="loginLink">Логин</a></li>
    </ul>

        </div>
    </div>
</div>
<div class="container body-content">
    


<h2  class="registrationclass" style="text-align: center">Логин</h2>
<div style="width: 160px; border: 6px solid #ffcf00;; margin: 0 auto;">

</div>
<div class="row row-centered">
    <div class="col-md-8  " style="width: 1100px; ">
        <section id="loginForm">
<form action="/Account/AdminLogin" class="form-horizontal" method="post" role="form"><input name="__RequestVerificationToken" type="hidden" value="tP-rTMzcQ_Ik5buMcYjOdondv1_hIrxeLjOgG_e3xQt9M90R90iDNqItSaCLrmed6KvPIBqJQK0ZJ9w4wIl2EcR7Vc6x0VJ1VnYxCnMxNx81" />                <hr />
                <div class="form-group" style="text-align: center">
                   
                   
                        <input class="form-control" data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-required="The Email field is required." id="Email" name="Email" placeholder="Email" type="text" value="" />
                        <span class="field-validation-valid text-danger" data-valmsg-for="Email" data-valmsg-replace="true"></span>
                    
                </div>
                <div class="form-group" style="text-align: center">
                   
                    
                        <input class="form-control" data-val="true" data-val-required="The Пароль field is required." id="Password" name="Password" placeholder="Пароль" type="password" />
                        <span class="field-validation-valid text-danger" data-valmsg-for="Password" data-valmsg-replace="true"></span>
                    
                </div>
                <div class="form-group" style="text-align: center" >
                    
                        <div class="checkbox">
                            <input data-val="true" data-val-required="The Запомнить меня? field is required." id="RememberMe" name="RememberMe" type="checkbox" value="true" /><input name="RememberMe" type="hidden" value="false" />
                            <label for="RememberMe">Запомнить меня?</label>
                        </div>
                    
                </div>
                <div class="form-group" style="padding-top: 15px;text-align: center;">

                    <input type="submit" value="Войти" class="btn btn-default" style="width: 200px;" />

                </div>
                <div  style="width: 100%;text-align: center;">
                    <section id="socialLoginForm">
                        

<hr />
<form action="/Account/ExternalLogin" method="post">            <div id="socialLoginList">
                <p>
                        <button type="submit" class="zocial google" style="height: 35px; font-size: 16px;width: 180px;" id="Google" name="provider" value="Google" title="Log in using your Google account">

                            Google
                        </button>
                        <button type="submit" class="zocial facebook" style="height: 35px; font-size: 16px;width: 180px;" id="Facebook" name="provider" value="Facebook" title="Log in using your Facebook account">

                            Facebook
                        </button>
                </p>
            </div>
</form>


                    </section>
                </div>
</form>        </section>
    </div>
  
</div>


    <hr/>
    <footer>
        <p>&copy; 2017 - Smart Solutions</p>
    </footer>
</div>
<script src="/bundles/jquery?v=DilzeZuJxdbQsfc_JOwsWB4VFDhTPM73urYeggaKdL81"></script>

<script src="/bundles/bootstrap?v=-g7cxTWQV6ve_iRyKtg7LoBytQltgj_w8zTNeaLaBc41"></script>

<link href="/Content/css?v=fYPwGViDmt6y-kpdK5MUhO65n_wno8NoVjnSj7kvIxA1" rel="stylesheet"/>

<script src="/bundles/modernizr?v=inCVuEFe6J4Q07A0AcRsbJic_UE5MwpRMNGcOtk94TE1"></script>


    <script src="/bundles/jqueryval?v=WhRmI8vUVF186UwYB1zRP7-DwJzqpKlt0JksOBJvolw1"></script>


</body>
</html>

最佳答案

就在你的CSS集中

.form-group input{display:inline-block};

关于html - 无法在 View 中居中输入字段 (ASP.NET MVC)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43321740/

25 4 0
文章推荐： html - Asp 复选框列表的对齐问题
文章推荐： python - 使用 Python 3.4 的 OpenMesh？
文章推荐： java - 为什么 JTree 叶子图标被 "bullets"替换？
文章推荐： html - 来自 html 或 css 的 SVG 动态宽度和高度
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com