我的html表在Chrome的打印预览中看起来不错,但是表头似乎在Firefox打印预览中出现了两次。另外,在Safari打印预览中,整个表格根本不会出现,这更糟。有没有办法解决这些问题?谢谢!
#testTable tr, #testTable th, #testTable td
{
border:solid 1px;
font-size:9px;
padding:2px;
text-align:center;
}
#testTable th
{
background-color:#ebebeb !important;
}
@media print
{
#testTable
{
position: fixed;
left: 0;
margin-top: 100px !important;
width:99% !important;
margin-left:0px;
}
}
@supports (-moz-appearance:meterbar)
{
#testTable th
{
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
}
这是html表
<table id="testTable">
<tr>
<th>Reference</th>
<th>Name</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
</table>
前一段时间我有一个类似的问题。这是一个WebKit错误,对我们来说,有一个可以接受的解决方法,该方法是用iframe标签替换object标签,并且看起来工作方式完全相同。我认为它也应该对您有用。