表自动居中

Question

我有普通的桌子，没什么特别的，这里是：

实例：http://jsfiddle.net/fFENK/1/

<table width="100%" border="1">
  <tr>
    <td rowspan="2">January</td>
    <td colspan="2">$10s0</td>
  </tr>
  <tr>
      <td>$100 <br/>$100 <br/>$100 <br/> </td>
    <td>$540</td>
  </tr>
</table>

这里的问题是自动居中的文本，正如您在之前给出的实例中看到的那样，文本“January”位于单元格的中间而不是像单元格那样位于单元格的顶部成为。我该如何解决？

Answer 1

设置单元格的vertical-align属性。

Answer 2

在代码中添加一些css：

td {
    vertical-align:top;
}

Answer 3

将valign属性添加到<td>节点：

<td rowspan="2" valign="top">January</td>

Answer 4

你应该应用这个css使它到达顶部

td { vertical-align: top }