입력 태그와 테이블 높이

Question

나는 아래 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> 

문제는 내가 같은 줄에 넣어 수 없다는입니다. 그들은 아래와 같이 :

내 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> 

가 어떻게 같은 줄에 넣어 수 있습니까? 두 개의 GO 버튼이 같은 줄에 있지만, 중간에있는 테이블이 위쪽에 있습니다.

Answer 1

CSS의 사용자 "vertical-align"속성. 값을 "중간"으로 설정하십시오.

건배

나는 '개발자 도구'... 트릭은 당신이 무엇을하고 있는지 이해하는 것입니다을 사용에있어 비록

Answer 2

수직 정렬이 정답입니다 ...

이 것 도와주세요 : http://phrogz.net/css/vertical-align/index.html

버튼을 "display : inline-block"에두면이 문제를 쉽게 해결하는 데 도움이됩니다.