右對齊Div標籤內部的按鈕

是否可以在div標籤內左對齊一個標籤並右對齊一個按鈕？我的標籤對齊完美，我的按鈕甚至還沒有接近（甚至有可能出現在div標籤之外。有人可以幫助？右對齊Div標籤內部的按鈕

<div id="PlaceHolder" runat="server" visible="false"> 
    <asp:Label runat="server" ID="lblDisplay" CssClass="BoldTextBlack"> </asp:Label> 
    <asp:Button runat="server" ID="btnRollBack" CssClass="Buttons" style="float:right" 
    Text="Roll Back Last Change" OnClick="btnRollBack_Click" Height="30px" Width="119px" /> 
</div>

經過進一步的測試似乎將在style="float:right"是什麼歪斜對齊

來源

2015-08-28 Rashid Abib

你能否提供更多的上下文 – stackoverfloweth

@godmode - 我希望標籤和按鈕出現在Web表單的同一「行」上。左側有標籤，右側有按鈕。當前如何顯示該按鈕與標籤不一致 –

您可以使用絕對定位把你想讓他們的標籤和按鈕。你希望他們相對定位到您#Placeholder DIV，所以你需要添加到CSS有作爲。

添加position: relative;到佔位符不應該不會改變div的外觀，但它會告訴瀏覽器放置任何圍欄osed，絕對定位的有關元素這個div，而不是另一個/頁面作爲一個整體：

#PlaceHolder { 
    position: relative; 
}

然後我們可以使用絕對定位，以獲取標籤和按鈕正是我們想要的。我沒有你的設計規格，所以我正在爲實際測量做準備:)

我們將告訴標籤將它的左邊距離#PlaceHolder的左邊緣正好10px，並且它的底部從#PlaceHolder的底部邊緣向上10px。

#lblDisplay { 
    position: absolute; 
    left: 10px; 
    bottom: 10px; 
}

現在，我們會告訴按鈕從#PlaceHolder的右邊緣準確定位10px的右邊緣，而其底部邊緣從#PlaceHolder的底部邊緣10px的了。

#btnRollBack { 
    position: absolute; 
    right: 10px; 
    bottom: 10px; 
}

來源

2015-08-28 20:53:37 Andrea

右對齊Div標籤內部的按鈕

回答

相關問題