我有一个有0个单元格间距和填充的表格,并且完美匹配。
当我添加:
<!DOCTYPE html>
添加了一堆垂直单元格间距,抛弃了设计。
我为body
和html
标记添加了100%的高度,就像这篇帖子所说:Make div 100% height of browser window
但这没有帮助。
这是我的HTML:
<!DOCTYPE html>
<html style="height:100%; min-height: 100% !important;">
<head>
</head>
<body style="height:100%; min-height: 100% !important;">
<table id="Table_01" width="300" height="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="images/test_01.png" width="300" height="22" alt="">
</td>
</tr>
<tr>
<td width="139" height="258" rowspan="2" bgcolor="#FFFFFF">Test</td>
<td rowspan="3">
<img src="images/test_03.png" width="12" height="278" alt="">
</td>
<td width="149" height="121" bgcolor="#000000">
<img src="images/spacer.gif" width="149" height="121" alt="">
</td>
</tr>
<tr>
<td width="149" height="137">
<img src="images/spacer.gif" width="149" height="137" alt="">
</td>
</tr>
<tr>
<td>
<img src="images/test_06.png" width="139" height="20" alt="">
</td>
<td>
<img src="images/test_07.png" width="149" height="20" alt="">
</td>
</tr>
</table>
</body>
</html>
如何在没有间距或填充的情况下渲染此表?