边框底部不工作打印预览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>