CSS，在表格單元格中垂直對齊錨點

Question

我需要將表格單元格中的錨標記對齊到頂部，表格單元格包含一個textarea。 我的代碼如下，但錨標記是對齊到文本區域的底部。

<style>
td {
  border:#777 1px solid; vertical-align:top;
}

textarea {
  height:100px; width:300px;
}
</style>

<table>
  <tr>
    <td>Message:</td>
    <td>
      <textarea></textarea>
      <a href="javascript:" title="Required">*</a>
    </td>
  </tr>
</table>

如何將錨標簽垂直對齊到單元格的頂部？

Answer 1

也使該錨點與頂部垂直對齊：

td a {
    vertical-align: top;
}

Answer 2

<table>
<tr>
<td>Message:</td>
<td>
  <textarea></textarea>
 </td>
<td> <a href="javascript:" title="Required">*</a></td>
</tr>
</table>

Answer 3

默認情況下， Textarea用於將Near元素向下推至同一行

a {
vertical-align: top;
}

檢查這個JSFiddle