Question

问题：

在Mozilla Firefox（版本55.0.3 32位）上打印表格时，表格边框仅显示在第一页上，但不显示在任何后续页面上。

因此，即打印页面2不打印表格边框，但打印页面1仅打印表格边框。

这个问题没有帮助：https://webmasters.stackexchange.com/questions/2578/how-to-prevent-table-borders-from-disappearing-while-printing（在将已接受的答案的CSS插入我的页面后，第2页及以后的边框仍无法打印）

这就是我所拥有的：

<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 - 没有帮助（在此处显示相关摘录，当我使用整个@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;
    }    
}

Answer 1

@Dennis的好解决方案为了夺走桌子外边界和牢房之间的空间，我补充道：

table.listdb {
  border-collapse: unset; 
  padding 0;
}

Answer 2

这有效

<style>
<!--
@media print {
    table.listdb {
        border-collapse: unset;
    }
}
-->
</style>

我的表listdb

中使用了<table class="listdb">...</table>类

Answer 3

这是Firefox错误https://bugzilla.mozilla.org/show_bug.cgi?id=1394249 在71.0（64位）Ubuntu 18.04上也可以重现该错误。

Firefox不会在第2页及以后打印表格边框

3 个答案: