当前位置:  开发笔记 > 编程语言 > 正文

设置print css的好规则?

如何解决《设置printcss的好规则?》经验,为你挑选了3个好方法。

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



1> slolife..:

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

/* 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是我用来在屏幕上显示某些内容的类,但不是用于打印.

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


.NoPrint可能很方便,但它会将表示混合到HTML中,这并不理想.最好在打印CSS文件中使用"无打印"块,并使用分组选择器通过现有类,元素名称和ID向其添加元素.
+1也是有用的答案

2> Tim Knight..:

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

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

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

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

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


可能最好使用`a [href ^ ="http"]`所以`https`和`http` hrefs打印出来.无论如何感谢小费!

3> Mike Robinso..:

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

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

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


字体的好提示 - 这是我一直忽略的东西!
推荐阅读
mobiledu2402851173
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有