vertical-align:top在td中不能使用多个元素

Question

我有这个html(小提琴):

<table>
    <tr>
        <td colspan="1" style="vertical-align:top"> <span class="" title="">Add new Comment:</span>
        </td>
        <td colspan="1" style="height:80px;vertical-align:top;">
                 text
                <textarea id="" class="" style="height:52px;vetical-align:top;"></textarea>
                 Person:
                <input id="" class="" type="text" value="" style="vetical-align:top;"/>&nbsp;
                <button class="" style="width:90px;vetical-align:top;" onclick="">Insert</button>
        </td>
    </tr>
</table>

问题是我无法显示第二个td垂直对齐顶部的内容.

我也看到了其他使用该属性的答案,display: table-cell;但似乎没有用.

关于如何做到这一点的任何想法？

Answer 1

你有一个错字是vertical-align不是vetical-align:top(也请避免使用内联样式):

<table>
  <tr>
    <td colspan="1" style="vertical-align:top"> <span class="" title="">Add new Comment:</span>
    </td>
    <td colspan="1" style="height:80px;vertical-align:top;">
      text
      <textarea id="" class="" style="height:52px;vertical-align:top;"></textarea>
      Person:
      <input id="" class="" type="text" value="" style="vertical-align:top;" />&nbsp;
      <button class="" style="width:90px;vertical-align:top;" onclick="">Insert</button>
    </td>
  </tr>
</table>