하나의 간단한 html/CSS 표 맞춤

Question

다음 예를 확인하십시오. http://jsfiddle.net/F8QE5/ <td>의 맨 위에 '비밀번호'라는 라벨을 항상 넣고 싶습니다. 현재는 <td>의 중간 섹션으로 이동합니다. 오른쪽에 더 많은 필드를 추가합니다 <td>. 따라서 항상 '비밀번호'라벨이 최상위 위치에 있어야합니다. <td>의 중심으로 이동하면 안됩니다.

아무도이 문제를 해결하는 방법을 알고 있습니까?

Answer 1

CSS에 vertical-align: text-top;을 사용해보세요.

http://www.w3schools.com/cssref/pr_pos_vertical-align.asp

Answer 2

이

<td width="150" style="vertical-align:text-top;"> 
    Password: 
</td> 

Answer 3

<td width="150" valign="top"> 
    Password: 
</td> 

당신은 jsFiddle에 대한 예제가 괜찮 제공 같은 here at w3.org