如何在表格中居中一个div答案

【问题标题】：How to center one div in form如何在表格中居中一个div
【发布时间】：2011-04-06 16:16:19
【问题描述】：

我在 C# Asp.net 上工作

主分区 ---- 表

想在表单中间显示这个 div。我想构建一个登录表单。我的表包含

User name:**(it's a lable,on browser it's broken like user
                                                       name : show why?)**
password:

<div id="main">

<table width="600px" border="1">
            <tr>
                <td>
<asp:Label ID="Label1" runat="server" CssClass="cssLabel" Text="User Name :"></asp:Label>
                </td>


                <td>
 <asp:Label ID="Label2" runat="server" CssClass="cssLabel" Text="Password :"></asp:Label>
                </td>
            </tr>
        </table>

</div>

想在表格中间显示 div 吗？以及为什么我的标签文本会损坏如何解决？

如果您访问 google.com，您会看到文本框位于框架的中间位置。我想要这个。我希望我的控件也位于框架的中间位置。怎么做？

【问题讨论】：

标签： asp.net css stylesheet

【解决方案1】：

您可以使用它在表单中间显示 idiv：-

<div style="margin-left:auto;margin-right:auto;">Put the controls here </div>

【讨论】：

【解决方案2】：

您现在已经编辑了您的问题，因此这不会为您提供所需的确切代码，但会帮助您解决问题/其他人查看您的问题时遇到类似问题。所以这里......你需要像这样：

<style type="text/css">
    .wrp { width: 100%; text-align: center; }
    .frm { text-align: left; width: 500px; margin: auto; border: 1px solid black; }
    .fldLbl { white-space: nowrap; }
</style>

<div class="wrp">
    <div class="frm">
        <span class="fldLbl">User name:</span>
    </div>
</div>

【讨论】：

【解决方案3】：

试试这个选项，即用style="width:100%;text-align:center"设置div

【讨论】：