테이블 정렬

Question

세 개의 테이블이 있습니다. 그들이 모두 데이터 (10 행)로 채워지면 잘 보입니다. 그림 참조

그러나 최대 용량 (예 : 10 행)에 도달하지 않은 경우 표가 중앙에 오게됩니다.

첫 번째 사진과 같이 정렬 상단을 유지하고 하단의 버튼을 유지하고 싶습니다. 이것을 할 수있는 간단한 스타일이 있습니까? 이

<table width="100%"> 
    <tr> 
     <td> 
      <table id="SomeTableContainer"> 
       <tr> 
        <th>Name</th> 
       </tr> 
      </table> 
      <button id="prev1"><<</button> 
      <button id="next1">>></button> 
      <button id="create1">Create</button> 
     </td> 
     <td> 
      <table id="SomeOtherTableContainer"> 
       <tr> 
        <th>Name</th> 
       </tr> 
      </table> 
      <button id="prev2"><<</button> 
      <button id="next2">>></button> 
      <button id="create2">Create</button> 
     </td> 
     <td> 
      <table id="OtherTableContainer"> 
       <tr> 
        <th>Name</th> 
       </tr> 
      </table> 
      <button id="prev3"><<</button> 
      <button id="next3">>></button> 
     </td> 
    </tr> 
</table> 

Answer 1

안녕하세요 지금

CSS에서 사용이

<td valign="top"> 

또는 등이 TDvalign="top"

를 추가처럼 내 HTML 보인다

td{ 
vertical-align:top; 
} 

Answer 2

간단히 첫 번째 TR이 추가 :

<tr valign="top"></tr> 

Answer 3

추가 스타일

td { vertical-align: top;} 

Answer 4

는이

<td valign="top"> 
       <table id="SomeOtherTableContainer"> 
        <tr> 
         <th>Name</th> 
        </tr> 
       </table> 
       <button id="prev2"><<</button> 
       <button id="next2">>></button> 
       <button id="create2">Create</button> 
      </td>