问对所有内容进行中心化
EN

Stack Overflow用户

提问于 2022-03-19 21:20:43

回答 1查看 27关注 0票数 0

我是ASP.NET和C夏普的初学者。我一直试图将所有文本框和标签集中在白色框中，所以所有东西都在中间。我尝试过各种解决办法，但似乎没有任何效果。我将非常感谢任何解决办法来解决这个问题。以及允许在每个文本框下的空间，使它看起来不那么聚集在一起。谢谢!

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>SB Admin 2 - Register</title>

    <!-- Custom fonts for this template-->
    <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
    <link
        href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
        rel="stylesheet">

    <!-- Custom styles for this template-->
    <link href="css/sb-admin-2.min.css" rel="stylesheet">
   
</head>

<body class="bg-gradient-primary">
      <form id="user" runat="server">
   
    <section class="vh-100" style="background-color: #2779e2;">
  <div class="container h-100">
    <div class="row d-flex justify-content-center align-items-center h-100">
      <div class="col-xl-9">

        <h1 class="text-white mb-4">Apply for a job</h1>
          <div class="card" style="border-radius: 15px;">
          <div class="card-body">

            <div class="row align-items-center pt-4 pb-3">
              <div class="col-md-3 ps-5">
  

        <table class="auto-style6">
    <tr>
        <td class="auto-style7">
            <asp:Label ID="lblFirstName" class="mb-0" runat="server" Text="First Name" ForeColor="Black"></asp:Label>
        </td>
        <div class="col-md-9 pe-5">
        <td class="auto-style8">
            <asp:TextBox ID="txtFirstName" class="form-control form-control-lg" runat="server" Width="297px"></asp:TextBox>
            <asp:RequiredFieldValidator ID="ReqFieldFN" runat="server" ErrorMessage="Please Enter Your First Name!" BackColor="Red" BorderColor="White" BorderStyle="Dashed" Display="Dynamic" ForeColor="White" Font-Bold="True" ControlToValidate="txtFirstName"></asp:RequiredFieldValidator>
       
            </td>
    </tr>
            
    <tr>
        <td class="auto-style7">
            <asp:Label ID="lblLastName" class="mb-0" runat="server" Text="Last Name" ForeColor="Black"></asp:Label>
        </td>
        <td class="auto-style8">
            <asp:TextBox ID="txtLastName" class="form-control form-control-lg" runat="server" Width="295px"></asp:TextBox>
            <asp:RequiredFieldValidator ID="ReqFieldLN" runat="server" ErrorMessage="Please Enter Your Last Name!" BackColor="Red" BorderColor="White" BorderStyle="Dashed" Display="Dynamic" ForeColor="White" Font-Bold="True" ControlToValidate="txtLastName"></asp:RequiredFieldValidator>
        </td>
    </tr>
            

            <div class="row align-items-center py-3">
              <div class="col-md-3 ps-5">
    <tr>
        <td class="auto-style7">
            <asp:Label ID="lblEmail" class="mb-0" runat="server" Text="Email" ForeColor="Black"></asp:Label>
        </td>
        </div>
        <td class="auto-style8">
            <asp:TextBox ID="txtEmail" class="form-control form-control-lg" placeholder="example@example.com" runat="server" Width="294px"></asp:TextBox>
            <asp:RequiredFieldValidator ID="ReqFieldEmail" runat="server" ErrorMessage="Please Enter Your Email!" BackColor="Red" BorderColor="White" BorderStyle="Dashed" Display="Dynamic" ForeColor="White" ControlToValidate="txtEmail" Font-Bold="True"></asp:RequiredFieldValidator>
        </td>
    </tr>
                
            <div class="row align-items-center py-3">
              <div class="col-md-3 ps-5">
    <tr>
        <td class="auto-style7">
            
            <asp:Label ID="Password" class="mb-0" runat="server" Text="Password" ForeColor="Black"></asp:Label>
        </td>
        <td class="auto-style8">
            <asp:TextBox ID="txtPassword" class="form-control form-control-lg" runat="server" Width="293px"></asp:TextBox>
            <asp:RequiredFieldValidator ID="ReqFieldPass" runat="server" ErrorMessage="Please Enter A Password!" BackColor="Red" BorderColor="White" BorderStyle="Dashed" Display="Dynamic" ForeColor="White" ControlToValidate="txtPassword" Font-Bold="True"></asp:RequiredFieldValidator>
        </td>
    </tr>
    <tr>
        <td class="auto-style7">
            <asp:Button ID="btnRegister" class="btn btn-primary btn-lg" runat="server" OnClick="btnRegister_Click" Text="Register" />
        </td>

html

asp.net

webforms

回答 1

Stack Overflow用户

发布于 2022-03-19 21:32:21

要轻松地将所有内容集中起来，只需使用网格，例如：

.vh-100{
    display: grid;
    place-items: center;
  }

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71542192

复制

相似问题

问对所有内容进行中心化
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对所有内容进行中心化EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对所有内容进行中心化
EN