如何在vs2008中设置标签控件的位置 [英] How to set postion of label control in vs2008

问题描述

专家，


我正在开发网站，并且正在使用vs.net2008.

现在，我正在开发登录详细信息页面.

共有5个标签和5个文本框以及2个按钮

而且我已经将所有控件放在 div 中，但是

当我运行应用程序时，它们会更改位置.

而且我没有使用表格.

如何设置有效的设计.

我的设计结构是这样的，

< div id ="MainDiv">

< div id ="DivTopHeader" style ="position:relative; z-index:2;">
//对于页眉和菜单栏</div> < div id ="middle">
< div id ="left">在这里，我必须放置所有控件</div>
< div id ="right">
对于搜索和图像</div> </div> </div>


在此先感谢

Hi Expert,


I am developing website and i am using vs.net 2008.

Now I am developing login details page.

and there are 5 Labels and 5 Textbox.and 2 Buttons

and i have put all controls in div,but

when i run the application they changes their position.

And i am not using table .

How i can set the effective design.

my design structure like this,

<div id="MainDiv">

<div id="DivTopHeader" style=" position:relative; z-index:2;">
//For Header and Menu bar </div> <div id="middle">
<div id="left"> Here I have to place all controls </div>
<div id="right">
For search and images</div> </div> </div>


Thanks in advance

推荐答案

<div id="div1" runat="server" style="position: absolute; margin: -100px 0 0 -200px;top: 50%; left: 55%; background-color: White;">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="10">
       <tr>
            <td width="39%" align="right" valign="middle">
                <asp:label id="lable1" runat="server" text="Label1" xmlns:asp="#unknown" />
            </td>
            <td width="61%" align="left" valign="middle">
                 <asp:textbox id="TextBox1" runat="server" xmlns:asp="#unknown" />
            </td>
        </tr>
        <tr>
            <td width="39%" align="right" valign="middle">
                <asp:label id="Label2" runat="server" text="Label2" xmlns:asp="#unknown" />
            </td>
            <td width="61%" align="left" valign="middle">
                 <asp:textbox id="TextBox2" runat="server" xmlns:asp="#unknown" />
            </td>
        </tr>
        <tr>
            <td align="right" valign="middle">
                <asp:label id="Label3" runat="server" text="Label3" xmlns:asp="#unknown" />
            </td>
            <td align="left" valign="middle">
                <asp:textbox id="TextBox3" runat="server" xmlns:asp="#unknown" />
            </td>
        </tr>
        <tr>
            <td align="right" valign="middle">
                <asp:label id="Label4" runat="server" text="Label4" xmlns:asp="#unknown" />
            </td>
            <td align="left" valign="middle">
                <asp:textbox id="TextBox4" runat="server" xmlns:asp="#unknown" />
            </td>
        </tr>
        <tr>
            <td align="right" valign="middle">
                <asp:label id="Label5" runat="server" text="Label5" xmlns:asp="#unknown" />
            </td>
            <td align="left" valign="middle">
                <asp:textbox id="txtbox5" runat="server" xmlns:asp="#unknown" />
            </td>
        </tr>
        <tr>
            <td align="right" valign="middle">
                <asp:button id="btn1" runat="server" text="Button1" xmlns:asp="#unknown" />
            </td>
            <td align="left" valign="middle">
                
                <asp:button id="Button1" runat="server" text="Button2" xmlns:asp="#unknown" />
            </td>
        </tr>
    </table>
</div>

您可以执行以下操作，如下所示只是一个示例.请根据您的要求进行必要的更改.

You can do something like this, below shown is just an example.Make necessary changes as per your requirements.

<div style="width:100%">
<div style="width:45%;float:left">
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</div>
<div style="width:45%;float:right">
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</div>

<div style="width:45%;float:left">
    <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
</div>
<div style="width:45%;float:right">
    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</div>
<div style="width:45%;float:left">
    <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
</div>
<div style="width:45%;float:right">
    <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
</div>
<div style="width:45%;float:left">
    <asp:Label ID="Label4" runat="server" Text="Label"></asp:Label>
</div>
<div style="width:45%;float:right">
    <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
</div>
<div style="width:45%;float:left">
    <asp:Label ID="Label5" runat="server" Text="Label"></asp:Label>
</div>
<div style="width:45%;float:right">
    <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
</div>

</div>

这篇关于如何在vs2008中设置标签控件的位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！