在同一行上對齊html輸入2

我在這裏有許多類似問題的相同行爲。在同一行上對齊html輸入2

但我嘗試了一切，沒有發生在我身上。

我有2個html控件。一個錨標籤和一個輸入按鈕。

我申請了vertical-align：top;浮動：權利;顯示：內聯塊;獨立和一起，沒有任何反應。

當我點擊關閉時，我看到一個像按鈕一樣的陰影！我希望他們內聯這兩個控件

Buttons

在表的末尾我incluided一個div這樣。

   <div style="float:right;"> 
        <asp:Button ID="btnInput" runat="server" Text="Add selected"></asp:Button><a href="#">Close</a> 
       </div>

來源

2013-07-18 Maximus Decimus

您需要設置一個寬度爲每個元素，當你讓他們display:inline-block，否則默認爲100％。

這是一個jsFiddle與我可以做出的最接近的等價標記。（asp按鈕不起作用）

來源

2013-07-18 22:14:55 Dolchio

這解決了我的問題！非常感謝！我將display：inline-block應用於錨標記，並且非常完美！ –

正如Dolchio所說，每個元素必須有display: inline-block才能工作。請注意，您的float:right在這種情況下不會有幫助。

嘗試將CssClass屬性添加到asp按鈕並設置該類的樣式。

所以它看起來像<asp:Button ID="btnInput" runat="server" CssClass="myButton" Text="Add selected"></asp>和你的css myButton{display:inline-block,vertical-align: top, width: 200px替代寬度的任何按鈕的寬度是（不完全熟悉asp按鈕及其隱含的寬度）。

來源

2013-07-18 22:39:17 Yair

謝謝@yair aviner !!! –

在同一行上對齊html輸入2

回答

相關問題