Html 如何在a<;td>;跨多行的单元格
我有以下html代码: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
<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“垂直对齐”,例如垂直对齐:顶部;或垂直对齐:底部;