在两列中打印网页

时间:2010-05-10 19:18:14

标签: javascript html css

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

当打印出来时,我在左上角收到网站网址,我们怎样才能停止打印?

此致

5 个答案:

答案 0 :(得分:2)

指定<link>时(例如CSS样式表),您可以指定media attribute,这样CSS只会用于print or screen. (or braille!)此文件中的CSS可以重新根据您的需要将您的网站设置为列。

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

您可以指定两个这样的打印CSS文件,并且 - 使用JavaScript - 提示用户在打印时使用哪个CSS文件,切换disabled的{​​{1}}成员:

<link>

答案 1 :(得分:1)

您可以添加特定于打印的样式表,理论上可以让您以2列或1列打印内容,具体取决于用户选择以及html的组织程度。

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

答案 2 :(得分:1)

使用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的打印,其他人已经指出你无法控制它。用户可以(我通常会在)对话框中File - &gt; Page Setup - &gt; Margins & Header/Footer:将页眉和页脚设置为blank

答案 3 :(得分:0)

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

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

答案 4 :(得分:0)

  

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

可以使用alternative stylesheet提供@media rule来提供仅适用于打印媒体的不同布局......但我怀疑这样做会更好地留给用户的打印机设置。

  

当打印出来时,我在左上角收到网站网址,我们怎样才能停止打印?

这是浏览器偏好设置。作者无法删除它。