Html 如何在a<;td>;跨多行的单元格

Html 如何在a<;td>;跨多行的单元格,html,css,Html,Css,我有以下html代码: <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>Febru

我有以下html代码:

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td rowspan="2">Save a lot</td>
  </tr>
  <tr>
    <td>March</td>
  </tr>
</table>

月
储蓄
一月
$100
二月
节省很多
前进
使用CSS样式或其他方法,我可以使文本“Save a lot”位于顶部,左对齐吗?

Save a lot
 <td rowspan="2" style="text-align:left;vertical-align:top;padding:0">Save a lot</td>
应该这样做

td[rowspan] {
  vertical-align: top;
  text-align: left;
}
请参阅:。

试试这个


表,th,td{
边框:1px纯黑;
}
月
储蓄
一月
$100
注意:HTML5不支持valign属性。改用CSS


除了IE漏洞(6/7/8)。。对于IE,您需要具体说明所跨越的行,在本例中,DTD默认设置
显然被认为与
td[rowspan]
匹配,即使没有明确指定,因此它有效地与所有
td
匹配-是否应该匹配是另一回事,这也适用于
colspan
——请注意,如果要垂直对齐,这将不起作用:底部与相邻行对齐,而不是两行单元格的底部。HTML5不再支持“valign”属性。使用CSS“垂直对齐”,例如垂直对齐:顶部;或垂直对齐:底部;