分两列打印网页答案

【问题标题】：print webpage in two columns分两列打印网页
【发布时间】：2010-05-11 03:39:07
【问题描述】：

如何根据用户输入/选择在两列或一列中打印网页。

当打印出来时，我会在左上角看到网站 url，我们怎样才能停止打印呢？

问候

【问题讨论】：

您能说得更具体一点吗？恐怕我没有完全理解你的问题。

【解决方案1】：

当指定 <link>（例如 CSS 样式表）时，您可以指定 media attribute，因此 CSS 将仅用于 print or screen. (or braille!) 此文件中的 CSS 然后可以将您的网站重新设置为列的样式你觉得合适。

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

您可以像这样指定两个打印 CSS 文件，并且 - 使用 JavaScript - 提示用户在打印时使用哪个 CSS 文件，切换<link> 的disabled 成员：

var printCSS = document.getElementsByTagName("link")[n];
printCSS.disabled = true;
printCSS.disabled = false;

【讨论】：

【解决方案2】：

使用 Mozilla，您可以使用 -moz-column-count 样式：

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
<html>
<head>
  <title>Two columns</title>
  <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
</head>
<body>

  <div style='-moz-column-count:2'>
     one<p>
     two<p>
     three<p>
     four<p>
     five<p>
     six
  </div>

</body>
</html>

但是，它不适用于 IE，而且我认为 IE 也没有等效的东西。

关于URL的打印，其他人已经指出你无法控制它。用户可以（我通常这样做）在 Firefox 中的对话框 File -> Page Setup -> Margins & Header/Footer：将页眉和页脚设置为 blank。

【讨论】：

【解决方案3】：

您可以添加一个特定于打印的样式表，理论上这将允许您在 2 列或 1 列中打印您的内容，具体取决于用户的选择以及您的 html 的组织方式。

打印输出顶部的地址来自访问者的浏览器，我怀疑您可以将其关闭，因为它是只有访问者可以控制的设置。

【讨论】：

【解决方案4】：

页面显示的网址是浏览器设置，无法通过脚本控制。

在两列中打印两次，确保您的 HTML 使用 a print stylesheet，并确保您的 HTML 可以使用 floats 在两列中轻松重新格式化。

【讨论】：

【解决方案5】：

如何根据用户输入/选择在两列或一列中打印网页。

您可以使用@media rule 提供alternative stylesheet 以提供仅适用于打印媒体的不同布局……但我怀疑这最好留给用户的打印机设置。

当打印出来时，我会在左上角看到网站 url，我们怎样才能停止打印呢？

这是一个浏览器首选项。作者无法删除它。

【讨论】：