设置print css的好规则？

Question

我正在寻找关于在打印网页时制作合适的打印css的任何建议/规则/指南.你有什么要提供的吗？

Answer 1

以下是一些用于获得更好打印输出的常规打印样式:

/* Print styles */
@media print 
{
    tr, td, th {page-break-inside:avoid}
    thead {display:table-header-group}
    .NoPrint {visibility:hidden; display:none}
    a {color:#000000}
}

顶部的一个可以防止表格行内的分页符

thead样式使thead标记中的任何行重复表格跨越的每个页面.

NoPrint是我用来在屏幕上显示某些内容的类,但不是用于打印.

而且,我喜欢关闭链接颜色.

Answer 2

我确保放入我的打印样式表中的一件事是:

a[href^="http://"]:after{
    content: " (" attr(href) ") ";
}

这会将链接文本旁边的实际链接写入,这样打印文档的人就会知道链接是假设要去的.

我还将我的正文设置为更具可读性:

body{
    font: 0.9em/1.5em Georgia, "Times New Roman", Times, serif;
}

Answer 3

首先阅读A List Apart(http://www.alistapart.com/articles/goingtoprint/)上的这篇文章.它们涵盖了您正在寻找的许多基础知识(扩展链接,粉刷等).

不要依赖打印预览,确保在测试打印布局时完成整个过程.要节省纸张安装SnagIt或使用Microsoft XPS文档编写器.您可以直接打印到图像而不会浪费任何纸张.

同样对于长篇文章,请考虑将字体更改为serif.网上的文章最容易阅读sans-serif(Arial,Verdana),但在印刷版中试用Times New Roman或Georgia.