Firefox不打印2页表格的边框和起
问题描述:
当Mozilla Firefox浏览器(版本55.0.3 32位),打印表格,表格边框显示第一页上只,但没有任何的后续页面。
因此,即打印页面2只打印表格边界,但打印页面1仅打印表格边界。
这个问题并没有帮助:https://webmasters.stackexchange.com/questions/2578/how-to-prevent-table-borders-from-disappearing-while-printing(边框仍然不打印第2页及以后,将接受的答案的CSS在我的网页后)
这是我有:
<table class="listdb">...</table>
table.listdb {
font-size: 10pt;
border-width: 0px 0px 0px 0px;
border-spacing: 0px;
border-style: none;
border-color: #000000;
border-collapse: collapse;
background-color: #FFFFFF;
}
table.listdb th {
font-size: 10pt;
border-width: 1px;
padding: 1px 5px 1px 5px;
border-style: solid;
border-color: #000000;
background-color: #7A99DD;
color: #000000;
vertical-align: top;
}
table.listdb td {
font-size: 10pt;
border-width: 1px;
padding: 1px 5px 1px 5px;
border-style: solid;
border-color: #999999;
border-color: #000000;
vertical-align: top;
}
我用HTML5 Boilerplate
的CSS下面也试过 - 没有帮助(显示相关EXC erpt这里,当我用整个@media print
块)
@media print {
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
}
答
这个工作
<style>
<!--
@media print {
table.listdb {
border-collapse: unset;
}
}
-->
</style>
其中listdb
类是在我的表使用<table class="listdb">...</table>
答
通过@Dennis好的解决方案。
要取走表格外边框和单元格之间的空格,我补充说:
table.listdb {
border-collapse: unset;
padding 0;
}