我正在寻找关于在打印网页时制作合适的打印css的任何建议/规则/指南.你有什么要提供的吗?
以下是一些用于获得更好打印输出的常规打印样式:
/* 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是我用来在屏幕上显示某些内容的类,但不是用于打印.
而且,我喜欢关闭链接颜色.
我确保放入我的打印样式表中的一件事是:
a[href^="http://"]:after{ content: " (" attr(href) ") "; }
这会将链接文本旁边的实际链接写入,这样打印文档的人就会知道链接是假设要去的.
我还将我的正文设置为更具可读性:
body{ font: 0.9em/1.5em Georgia, "Times New Roman", Times, serif; }
首先阅读A List Apart(http://www.alistapart.com/articles/goingtoprint/)上的这篇文章.它们涵盖了您正在寻找的许多基础知识(扩展链接,粉刷等).
不要依赖打印预览,确保在测试打印布局时完成整个过程.要节省纸张安装SnagIt或使用Microsoft XPS文档编写器.您可以直接打印到图像而不会浪费任何纸张.
同样对于长篇文章,请考虑将字体更改为serif.网上的文章最容易阅读sans-serif(Arial,Verdana),但在印刷版中试用Times New Roman或Georgia.