带有不同标题的HTML打印网页

时间:2011-03-25 13:25:45

标签: html css printing

我想打印一个会打印多个页面的网页。 在第一页中,我想要一个标题,在下面的标题中应该出现不同的标题。

问题是在第一页中我有一个标签,其中有足够的文本传递给第二页,第二页中的标题与第一页相同。我希望第二页标题不同。

要定义标题,我使用以下方法:

<table>
     <thead>
             (...Header Html Code)           
     </thead>
     <tbody>
            (...Html Code with label with a lot of text)
     </tbody>
</table>

1 个答案:

答案 0 :(得分:1)

您可以为打印和查看定义不同的CSS文件,(甚至可以选择为braile阅读器或移动设备定义一个) 所以你可以用“webonly”“printonly”的id来定义一些div并用CSS隐藏它们

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

首先,在用于在屏幕上显示的样式表中......

div#header {
 font-family: verdana;
 margin: 4px 4px 4px 4px;
 font-size: large;
 font-weight: bold;
 background-color: #c0c0c0;
 border: #191170 2px solid;
}

...然后在可打印的样式表中

div#header {
 font-family: arial;
 font-weight: bold;
 font-size: 20px;
}