我正在尝试支持在IE中打印我的UI,但是我遇到了问题(Chrome很好)。
这就是HTML的样子:
tr {
height: 120px;
}
td div {
height: 18px;
width: 225px;
background-color: green;
position: absolute;
}
HTML
<table>
<tbody>
<tr>
<td>
<table>
<tr>
<td>Row1
<div></div>
</td>
</tr>
<tr>
<td>Row2
<div></div>
</td>
</tr>
<tr>
<td>Row3
<div></div>
</td>
</tr>
<tr>
<td>Row4
<div></div>
</td>
</tr>
<tr>
<td>Row5
<div></div>
</td>
</tr>
<tr>
<td>Row6
<div></div>
</td>
</tr>
<tr>
<td>Row7
<div></div>
</td>
</tr>
<tr>
<td>Row8
<div></div>
</td>
</tr>
<tr>
<td>Row9
<div></div>
</td>
</tr>
<tr>
<td>Row10
<div></div>
</td>
</tr>
<tr>
<td>Row11
<div></div>
</td>
</tr>
<tr>
<td>Row12
<div></div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
上面的内容也在JSFiddle中:
http://jsfiddle.net/52Qn7/2/show
打印时,打印2页很好,但是在“td”中放置绿色的div不在第二页打印并在IE中将其推入第3页,这显然是不正确的! / p>
以下是IE中打印输出的屏幕截图:
以下是通过Chrome打印输出的方式:
你能告诉我可能出现的问题吗?
修改
我在一个表行中有两个表。另一张表打印很好。当我删除具有绿色的“div”的位置:绝对时,所有内容都将打印正常。但是,当我删除那种风格时,我的逻辑就会被打破。