Question

我试图在我的网页中设置具有一些ASP.NET控件的元素对齐方式。在div标记内部，我需要设置Label控件的对齐方式，以便它始终在div中对齐。

我该如何设置？谢谢！

修改：这是HTML代码：

<div id="UserLoggedinMessage" style="float:right; width:280px">    
    <div style="float:right;width:350px">
        <asp:Label ID="Label3" runat="server"></asp:Label>     
        <asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">Login now</asp:LinkButton>     

        <!-- Serch Box -->    
        <div id="WLSearchBoxDiv" style="float:right">    
        </div>
        <!-- Seach Box -->
    </div>
</div>

所以，这给了我搜索框和登录按钮在同一行。但是“登录”按钮左对齐。我纠错了。

Answer 1

这是我的抨击，但我正在假设你想要如何定位。通过在每个单独的div上使用float:right;，您可以删除生成的任何额外间距，并通过反向重新排序它们可以使它们从右向左正确排列：

<div id="UserLoggedinMessage" style="float:right; width:280px;">

    <!-- removed width of 350, 350 inside div of 280 doesn't make sense -->
    <!-- also separated everything into separate divs and reordered them -->
    <div style="float:right;">
        <asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">Login now</asp:LinkButton>
    </div>  
    <div style="float:right;">
        <asp:Label ID="Label3" runat="server" />
    </div>
    <!-- Search Box -->
    <div id="WLSearchBoxDiv" style="float:right">

    </div>
    <!-- Seach Box -->
</div>

Answer 2

您可以在div中使用另一个div控件，并将样式float:right设置为内部div。

Answer 3

试试这个：

<div style="float:right">
  This is some text and or other controls
</div>

使用此格式提供'div'会将所有内部内容移动到最右侧位置。

Answer 4

您可以尝试绝对定位标签，即。 { position: absolute; right: 0 }。然而，这意味着父母也需要绝对定位，这可能是一个问题。

提供更多代码可能有助于我们找到一个好的解决方案。

Answer 5

在style属性中，插入以下内容：

line-height:25px;

左对齐<div>标签</div>中的标签控件

5 个答案: