我需要创建一个电子邮件签名,我有一点挣扎。我必须使用一个表,但我必须像这样合并它
以下是我目前的记录:
_____|_______|________
_____|_______|________
_____|_______|________
<table width="550" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table
这就是我需要的(合并左三列和前三列):
____________________
|__________|_________
________|__________|_________
Edit:
我现在明白这个问题的窍门了…您还希望顶部行与左侧合并的列合并吗?不可能的。但是你也可以用一些CSS,比如rowspan和colspan。新小提琴:
http://jsfiddle.net/HpkpY/4/
请记住,这些并不是真正的合并-它们只是看起来像。如果border-collapse
属性没有设置为collapse
,您可能会得到一些奇怪的结果。
老答:
rowspan将会有帮助!
JSFiddle示范:
http://jsfiddle.net/HpkpY/1/
<table width="550" border="1">
<tr>
<td rowspan="3"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
不要忘记删除由于合并而不再需要的其他单元格!