打印时未见到hr

Question

我正在写一些html来显示在屏幕上并通过电子邮件发送（我正在用表格制作）。我想分开这些部分。我已经尝试了一些hr标签，它可以在导航器（Internet Explorer 9和Firefox 10）和电子邮件管理器（Outlook 2010，Hotmail和GMail）中正确显示。好吧，如果我打印它（在导航器中）我没有看到hr标签。我在导航器和电子邮件管理器中看到其背景颜色但在打印文档时看不到的标签也存在同样的问题。 （css文件与在屏幕和打印中显示相同）。

感谢您的回答。

Answer 1

您可以在不改变浏览器设置的情况下制作可打印的<hr>：

hr {
    display: block;
    height: 1px;
    background: transparent;
    width: 100%;
    border: none;
    border-top: solid 1px #aaa;
}

警告：我只在chrome中测试过。

Answer 2

不打印背景是浏览器中的首选项设置。默认情况下它会关闭以节省墨水。但是，如果hr（或任何构造）为白色且显示在屏幕上的彩色背景上，则可能需要切换此设置。