輸入標籤和桌子的高度

我有asp.net按鈕，如下表和按鈕：輸入標籤和桌子的高度

<table style="width: 600px;"> 
    <tr> 
     <td> 
      <div style="float: right;"> 
       <asp:Button ID="_btn01" runat="server" Text="GO" /> 
       <table class="IHCommandButtonContainer" cellpadding="0" cellspacing="0"> 
        <tr> 
         <td class="IHCommandButtonL"><asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="/Test/Images/btn_Search.gif" /></td> 
         <td class="IHCommandButtonM"><span>Search</span></td> 
         <td class="IHCommandButtonR"><img src="/Test/Images/btn_R.gif" /></td> 
        </tr> 
       </table> 
       <asp:Button ID="Button1" runat="server" Text="GO" /> 
      </div> 
     </td> 
    </tr> 
</table>

的問題是，我不能把它們放在同一行。它們看起來像如下：

enter image description here

我的CSS低於：

<style type="text/css"> 
    .IHCommandButtonContainer { height: 21px; border: 0px; display: inline-block; cursor: pointer; margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; } 
    .IHCommandButtonL   { width: 22px; height: 21px; } 
    .IHCommandButtonL input { width: 22px; height: 21px; } 
    .IHCommandButtonM   { background-image: url(/Test/Images/btn_M.gif); height: 21px; font-size: 9pt; font-family: Sans-serif, Arial, Dotum; } 
    .IHCommandButtonM span { margin: 0px 2px 0px 0px; } 
    .IHCommandButtonM_   { background-image: url(/Test/Images/btn_M_.gif); height: 21px; font-size: 9pt; font-family: Sans-serif, Arial, Dotum; } 
    .IHCommandButtonM_ span { margin: 0px 2px 0px 0px; } 
    .IHCommandButtonR   { width: 3px; height: 21px; } 
    .IHCommandButtonR img  { width: 3px; height: 21px; cursor: pointer; } 
</style>

我怎樣才能把它們放在同一行？與2個GO按鈕位於同一行中，但中間的表格比它們高。

來源

2012-09-09 Joshua Son

用戶「垂直對齊」屬性在您的CSS。將值設置爲「中」。

乾杯

來源

2012-09-09 04:37:55 Rikki

哪個css類你的意思是把垂直對齊？ –

使用開發工具查看設置「vertical-align」css屬性時會發生什麼。順便說一下，在你的情況下，我認爲你應該把它放在一個表格元素的容器上。「垂直對齊」有許多值，如「中間」，「頂部」，「底部」或「基線」，選擇您需要的相關值。乾杯 – Rikki

thx很多穆罕默德！ –

-1

垂直對齊是正確的答案，雖然我反對使用「開發工具」 ...... 關鍵是要了解你在做什麼？

這會幫助你：http://phrogz.net/css/vertical-align/index.html

注意，將按鈕放在「display：inline-block」中可以幫助你輕鬆解決這個問題！

來源

2012-09-09 08:43:35 Ran

首先，您反對使用「開發者工具」或其他任何事實並不涉及這個問題。然而，這是你的意見，我尊重這一點。另外關於你提到的「顯示」屬性，儘管設置這個屬性可能有助於視圖看起來很完美（在這種情況下），但並沒有做出這樣的事情。「顯示」屬性的職責是「垂直對齊」是另一回事。乾杯 – Rikki

輸入標籤和桌子的高度

回答

相關問題