html - 边框底部不起作用打印预览firefox css

Question

我的网页中有一张桌子。当我在 Firefox 的打印预览中查看页面时，有时不显示 td 的边框底部。在其他浏览器中它工作正常。如何解决这个问题？

html:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>Heading 1</td>
    <td>Heading 1</td>
    <td>Heading 1</td>
  </tr>
</table>

CSS：

table td{ border-bottom:1px solid #000;}

Answer 1

您可以在 CSS 中指定媒体类型

<style>
    table td{ border-bottom:1px solid #000;}
    // Other CSS Styling here

    @media print {
        table td{ border-bottom:1px solid #000;}
    }

</style>