Html行位于顶部

我只是想问一下，既然我在

上使用了一个rowspan，我该如何将

放在顶部。请参阅下面的示例

这是我的代码：

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
    <th>Savings for holiday!</th>
  </tr>

  <tr>
    <td  rowspan="2">
    <div>January</div>
    <div>test</div>
    <div>test</div>
    </td>
  </tr>
  <tr class="rowsl">
    <td>February</td>
    <td>$80</td>
  </tr>

    <tr>
    <td  rowspan="2">January</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>

</table>

月
储蓄
度假储蓄！
一月
测试
测试
二月
$80
一月
二月
$80

我想让它像图片一样：

---

为什么可以将所有

行span

td

移动到一个

tr

月
储蓄
度假储蓄！
一月
测试
测试
二月
$80
一月
二月
$80

不确定我的答案是否是您想要的：

月
储蓄
度假储蓄！
一月测试
二月
$80
一月
二月
$80

我看到的唯一方法是将它放在同一行中，然后你将拥有相同的高度：

  <table border="1">
         <tr>
            <th>Month</th>
            <th>Savings</th>
            <th>Savings for holiday!</th>
         </tr>
         <tr>
           <td rowspan="2">
             <div>January</div>
             <div>test</div>
             <div>test</div>
            </td> 
            <td rowspan="2" >February</td>
            <td rowspan="2" >$80</td>
         </tr>

          <tr>
            <td rowspan="2">January</td>
         </tr>
         <tr>
          <td>February</td>
          <td>$80</td>
         </tr>

月
储蓄
度假储蓄！
一月
测试
测试
二月
$80
一月
二月
$80

---

您也可以编写以下代码

月
储蓄
度假储蓄！
一月
测试
测试
二月
$80
一月
二月
$80

您有多种解决方案

我的主要建议是删除所有

行span

s和多个

tr

s。
请参见下面代码段中我改为注释的代码：

月
储蓄
度假储蓄！
一月
测试
测试
二月
$80
一月
二月
$80

垂直对齐：顶部

？您可能希望向上投票有用的答案。