Question

我在C＃Asp.net工作

主要的div ----表

想在form的中间显示这个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而不是你看到文本框占据了框架的中间位置。我想要这个。我希望我的控件也占据框架的中间位置。怎么做？

Answer 1

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

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

Answer 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>

Answer 3

尝试此选项，即将div设置为style="width:100%;text-align:center"

如何以形式居中一个div

3 个答案: