如何打印“打印友好”的网页？

Question

可能重复：
如何才能轻松地制作任何网站的可打印页面？

是否有一个程序可以打印或导出网页图像而不排除背景和其他设计方面？在大多数情况下，简单的文件>打印不包括背景，并且往往会遗漏许多图形。提前致谢。

Answer 1

• 打印出相关页面。用绿色突出显示打印件上要保留的所有内容。用红色标记不想保留的元素。

• 创建一个新的样式表文档。将其命名为“print.css”。

• 将新样式表链接到网页的头部。它看起来会像这样：

  <link href="print.css" type="text/css" rel="stylesheet" media="print">
  

• 对于您不想打印的页面元素，请在 HTML 中分配一个 class 或 id 属性（如果尚未完成）。例如，如果网站导航位于 div 标签中，您可以应用 id，例如<div id="nav">。

  请注意，id 在文档中必须是唯一的，但一个类可以应用于多个元素。

• 在 print.css 中，放入相应的指令以不显示该项目。例如，如果您不想打印导航，请在打印样式表中写入 div#nav {display: none}。

• 使用 print.css 进一步定义其余可打印项目的显示方式。您可以调整定位、页边距、排版、颜色等。