只是想知道为什么下面的 HTML 不起作用。基本上,当我在表行上设置 rowspan 时,IE 似乎会忽略我设置的高度:
<table border="1" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td height="20">A</td>
<td align="center" rowspan="3">
Test
<br />Test
<br />Test
<br />Test
<br />Test
<br />Test
<br />Test
</td>
</tr>
<tr>
<td height="20">B</td>
</tr>
<tr>
<td>C</td>
</tr>
</table>
有谁知道为什么它会这样?
我相信这里发生的情况是,IE 将扩展剩余的可用空间,以填充第一个 TR 中跨越所有三行的第二个 TD 的高度。
考虑这个例子:
<table border="1" cellpadding="0" cellspacing="0" width="100%">
<tr height="30px">
<td>
A
</td>
<td align="center" rowspan="3">
Test
<br />Test
<br />Test
<br />Test
<br />Test
<br />Test
<br />Test
</td>
</tr>
<tr>
<td height="60px">
B
</td>
</tr>
<tr>
<td height="100%">
C
</td>
</tr>
</table>
在这里,我们看到 IE 正确渲染,因为 60px + 30px =
我尝试了几个不同的测试用例,这似乎得到了证明。首先承认我可能是错的。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)