在同一行上對齊兩個元素標記

我試圖在同一個表單元中對齊兩個ASPx元素。這裏是我的aspx代碼：在同一行上對齊兩個元素標記

<table> 
     <tr> 
      <td>Select customer:</td> 
      <td style="white-space:nowrap;"> 
       <dx:ASPxTextBox ID="txtCust" runat="server" Width="220px" Height="46px"></dx:ASPxTextBox> 
       <dx:ASPxButton ID="btnSearch" runat="server" Text="Search" Image-Url="~/IMG/search32.png" OnClick="btnSearch_Click" UseSubmitBehavior="true" /> 
      </td> 
     </tr> 
</table>

這裏就是我想在我的CSS做：

#btnSearch 
{ 
    display:inline; 
} 

#txtCust 
{ 
display:inline; 
}

正如我在CSS相當新的，我知道，這是不夠的，但我仍然不知道如何讓我的兩個對象在同一個單元格中對齊。任何想法的傢伙？

編輯：這是我得到的...我想我的搜索按鈕對齊在我的文本框相同的行。

enter image description here

來源

2014-12-07 Traffy

垂直對齊？你可以發佈當前輸出如圖片（可能與輸出html）？ – skv 2014-12-07 20:05:20

這些服務器控件生成的HTML代碼是什麼？文本框（'input type =「text」'）和按鈕（'input type =「button」'）的HTML元素已經是內聯元素，並且位於同一行上。 – Guffa 2014-12-07 20:07:40

請參閱我發佈在我更新的帖子中的截圖。隨後的HTML。 – Traffy 2014-12-07 20:12:43

兩個元件的集體寬度比<td>元件的寬度以上。這導致它將第二個元素換行到新行。

來源

2014-12-07 20:47:13

在同一行上對齊兩個元素​​標記

回答

相關問題

在同一行上對齊兩個元素標記