表格单元格中的顶部对齐内容？

Question

我有一张桌子，两列。默认情况下，左列似乎垂直居中。我想改为对齐所有内容：

 ---------------------------
 |           | words words |
 | apples    | words words |
 |           | words words |
 ---------------------------

是的，我如何才能让第0列顶部对齐其内容呢？

<table width="100%">
<tr>
  <td>apples</td>
  <td>words words ....</td>
</tr>
</table>

由于

Answer 1

尝试

  

table valign =“top”width =“100％”

或

  

风格= “垂直对齐：顶部;”

Answer 2

你可以试试这段代码：

<table width="100%">
<tr>
  <td align="center" valign="top">apples</td>
  <td>words words words words words words words words</td>
</tr>
</table> 

Answer 3

HTML方法是将<tr>替换为<tr valign=top>。您也可以在单个单元格上使用valign属性，但不能在整个表格上使用（至少按规格）。

CSS方式是使用vertical-align属性。例如，要使其应用于文档中的所有表格单元格，请使用

<style>
th, td { vertical-align: top; }
</style>