【问题标题】:Align a label to the right using ASP.Net使用 ASP.Net 将标签右对齐
【发布时间】:2024-01-04 18:46:01
【问题描述】:

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

我希望它看起来像这样:

我尝试过使用 DIV 标记,也尝试在 <asp:Label> 标记中使用 Style="text-align: right",但都不起作用。有什么建议吗?

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

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

【问题讨论】:

  • 这与 ASP.NET 关系不大,而与 HTML/CSS 关系很大。这里的实际 HTML 是什么?当前应用了哪些样式?

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


【解决方案1】:

试试这样的:

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

【讨论】:

    【解决方案2】:

    您可以将标签放在 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");
    

    【讨论】:

    • 在后面的代码中使用它 --- createDiv2.Attributes.Add("Style", "float:right;"); --
    • 感谢您的创意!干杯