테이블에서 세로 정렬?

Question

테이블에 개체가 있는데 세로 정렬을 설정할 수 없습니다 (작동하지 않는 것 같습니다).

왜 그럴까요?

예 :

http://jsfiddle.net/PHDWz/1/

Answer 1

I은 ​​TD를 높이 .. 콘텐츠가 중간 수직 정렬을 ....

<table cellspacing="0"> 
    <thead> 
     <tr> 
      <th scope="col" style="width: 180px">Description</th> 
      <th scope="col">Textarea</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td height="400">Bla bla bla! Write something if you like! </td> 
      <td> 
       <textarea></textarea> <span><img src="http://www.qualtrics.com/university/wp-content/plugins/wp-print/images/printer_famfamfam.gif" alt="printer"> A printer!</span> 
      </td> 
    </tbody> 
</table> 

Answer 2

텍스트 줄 때 텍스트 상자를 확장하면 왼쪽 열의 가운데가 세로로 나타납니다. 이것은 사파리를 사용하고 있습니다. 다른 것을 좀 더 자세히 설명하십시오.

Answer 3

"A 프린터!" 링크는 텍스트 영역에 align-bottom으로 연결될 수밖에 없습니다.
당신의 CSS에서 당신은 바깥 쪽 td에서 이것을 복제 한 것처럼 범위에 대한 세로 정렬을 생략 할 수 있습니다.

<table cellspacing="0"> 
<thead> 
    <tr> 
     <th scope="col" style="width: 180px">Description</th> 
     <th scope="col" colspan="2">Textarea</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>Bla bla bla! Write something if you like! </td> 
     <td><textarea></textarea></td> 
     <td><span><img src="http://www.qualtrics.com/university/wp-content/plugins/wp-print/images/printer_famfamfam.gif" alt="printer"> A printer!</span> 
     </td> 
</tbody>