是否可以在每个打印页面上打印带有自定义页眉和页脚的HTML页面?
无论内容如何,我都想在每个打印页面的顶部和底部添加Red,Arial,16pt大小的单词"UNCLASSIFIED" .
为了澄清,如果文档打印在5页上,则每个页面都应具有自定义页眉和页脚.
有人知道这是否可以使用HTML/CSS?
我正在与我的项目一起打印一些文档。在每个打印页面的设置页眉中都遇到了一些问题!我想打印的html表太多tr,在打印时分成两页。因此,我想thead为每个打印页设置标题元素。所以帮帮我!
<style type="text/css">
table {
border: 1px solid #eee;
width: 100%;
color : green;
}
th,td {
border: 1px solid red;
width: 50px;
height: 50px;
}
@media print {
body * {visibility: hidden;}
#printable * {visibility: visible;}
#printable th {
top: 0;
}
}
</style>
<div id="printable">
<span><center>Print Example</center></span>
<table>
<thead>
<tr><th>Name</th>
<th>Salary</th>
<th>Phone</th>
</tr>
</thead>
<tbody>
<tr><td>David</td>
<td>3828</td>
<td>83939</td>
</tr>
<tr><td>Jone</td>
<td>39393</td>
<td>0202022</td>
</tr>
<tr><td>Smith</td>
<td>39000383929</td>
<td>0101010101</td>
</tr>
<tr><td>Sheee</td>
<td>3483939</td>
<td>111111</td>
</tr>
<tr><td>David</td>
<td>3828</td>
<td>83939</td> …Run Code Online (Sandbox Code Playgroud) 我有CSS和HTML,我将转换成PDF.我想在每个页面上指定一个标题,在PDF中,将在每个新页面上重复.
我知道我可以使用THEAD来指定标题,但是,是否有一个免费的html-to-pdf转换器会尊重THEAD标签?
如果没有,有没有其他选择?
谢谢...
我最近发现CSS代码<thead>在每个页面的顶部支持浏览器打印块(使用display: table-header-group;in @media print {}).这极大地简化了我的打印表应用程序中的代码.
但是,我的客户对风格非常挑剔.看来,重新打印头群体缺乏一些样式的原头,即border-bottom-style和border-bottom-width的头从表体中分离出来.由于这似乎是一个很难的要求,我希望能够将这些样式包含在这些标题组中.
我尝试了几种不同的方法来尝试强制Firefox(我们选择的浏览器)打印这些样式以满足这个条件,但这些方法似乎都没有产生所需的结果.我试过的一些例子:
@media print {
thead {
display: table-header-group;
border-bottom-style: solid;
border-bottom-width: 3px;
}
}
Run Code Online (Sandbox Code Playgroud)
和
<thead style="border-bottom-style: solid; border-bottom-width: 3px;"></thead>
Run Code Online (Sandbox Code Playgroud)
和
table.class thead {
border-bottom-style: solid;
border-bottom-width: 3px;
}
Run Code Online (Sandbox Code Playgroud)
和
table.class th {
border-bottom-style: solid;
border-bottom-width: 3px;
}
Run Code Online (Sandbox Code Playgroud)
那么我的问题是:有没有办法在这些重新打印的标题组上设置样式?或者浏览器是否只使用相当简洁的表头样式(粗体文本)?
如果已经提出并回答了这个问题,请原谅我.我四处搜索,但找不到任何有关此特定问题的信息.有许多问题涉及display: table-header-group;但没有关于样式这些标题组的问题.