在表格中垂直對齊？

Question

我在表中有一個對象，我無法設置垂直對齊（它似乎不工作）。

這是爲什麼？

實施例：

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

Answer 1

當我給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

文本當我擴展文本框時，左列中間豎直地居中。這是使用Safari，請詳細說明，如果有其他東西

Answer 3

只需添加一列，以避免「一臺打印機！」鏈接被強制爲附加到文本區域的對齊底部。
在你的CSS中，你可以忽略span的垂直對齊，因爲你在外部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>