使用ASP.Net将标签对齐到右侧

时间:2014-08-11 14:35:22

标签: c# css asp.net .net label

我在ASP.NET页面上有一个标签。现在,它看起来像这样:

enter image description here

我希望它看起来像这样:

enter image description here

我尝试过使用DIV标签,我尝试使用Style =&#34; text-align:right&#34;在<asp:Label>标记中,两者都不起作用。有什么建议吗?

编辑:根据第一条评论,这都在表格标签内:

<asp:Panel ID="Panel2" runat="server" BackColor="#0f6fc6" Height="110px" Width="780px">
   <table style="width:780px">
      <tr>
         <td style="width:90px">
            <asp:Label ID="lblFunct" runat="server" Font-Bold="True" Text="Function" ForeColor="White"></asp:Label>
         </td>
         <td style="width:240px">
            <asp:DropDownList ID="ddlFunction" runat="server" AutoPostBack="True" CssClass="textbox" Height="20px" OnSelectedIndexChanged="ddlFunction_SelectedIndexChanged" Width="230px">
            </asp:DropDownList>
         </td>
         <td style="width:120px">
            <asp:Label ID="lblRole" runat="server" Font-Bold="True" Text="Role" ForeColor="White"></asp:Label>
         </td>
         <td style="width:240px">
            <asp:DropDownList ID="ddlRole" runat="server" AutoPostBack="True" CssClass="textbox" Height="20px" OnSelectedIndexChanged="ddlRole_SelectedIndexChanged" Width="230px">
            </asp:DropDownList>
         </td>
     </tr>
     <tr>
         <td>
            <asp:Label ID="lblProd" runat="server" Font-Bold="True" Text="Prod Tasks" ForeColor="White"></asp:Label>
         </td>
         <td>
            <asp:DropDownList ID="ddlTask" runat="server" AutoPostBack="True" CssClass="textbox" Height="20px" OnSelectedIndexChanged="ddlTask_SelectedIndexChanged" Width="230px">
            </asp:DropDownList>
         </td>
         <td>
            <asp:Label ID="lblOffprod" runat="server" Font-Bold="True" Text="Off Prod Tasks" ForeColor="White"></asp:Label>
         </td>
         <td>
            <asp:DropDownList ID="ddlOffprod" runat="server" AutoPostBack="True" CssClass="textbox" Height="20px" OnSelectedIndexChanged="ddlOffprod_SelectedIndexChanged" Width="230px">
            </asp:DropDownList>
         </td>
      </tr>
      <tr>
         <td colspan="2">
            <asp:RadioButtonList ID="rblPlatform" runat="server" EnableTheming="True" Font-Size="XX-Small" Height="10px" RepeatColumns="2" Visible="false" Width="270px" ForeColor="White" Font-Bold="True" TextAlign="Left">
               <asp:ListItem Selected="True" Value="0">Facets </asp:ListItem>
               <asp:ListItem Value="1">Non-Facets</asp:ListItem>
            </asp:RadioButtonList>
         </td>
         <td colspan="2">
            <asp:Label ID="lblAccountName" runat="server" Text="Label" ForeColor="White" Visible="true" Style="text-align: right"></asp:Label>
         </td>
      </tr>
   </table>
</asp:Panel>

2 个答案:

答案 0 :(得分:5)

尝试这样的事情:

<div style="text-align:right">
    <asp:Label ID="myLabel" runat="server" Text="Label"></asp:Label>
</div>

答案 1 :(得分:1)

您可以将标签放在div中,并在标签标记中放置style="float:left"

<div>
    <asp:label ID="myLabel" runat="server" style="float:right"></asp:Label>
</div>

编辑:

另外,为了完整性,正如Aimal Khan所提到的,您可以在后面的代码中使用它:

myLabel.Attributes.Add("Style", "float: right");