相关疑难解决方法(0)

如何使用HTML在文档的每个打印页面上打印页眉和页脚?

是否可以在每个打印页面上打印带有自定义页眉和页脚的HTML页面?

无论内容如何,我都想在每个打印页面的顶部和底部添加Red,Arial,16pt大小的单词"UNCLASSIFIED" .

为了澄清,如果文档打印在5页上,则每个页面都应具有自定义页眉和页脚.

有人知道这是否可以使用HTML/CSS?

css printing header footer stylesheet

497
推荐指数
10
解决办法
41万
查看次数

<thead>的好处是什么?

使用thead而不仅仅是td有什么好处?如果有好处......

html

17
推荐指数
1
解决办法
2231
查看次数

通过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)

html css printing

7
推荐指数
1
解决办法
336
查看次数

CSS到PDF,使用THEAD在新页面上重复标题

我有CSS和HTML,我将转换成PDF.我想在每个页面上指定一个标题,在PDF中,将在每个新页面上重复.

我知道我可以使用THEAD来指定标题,但是,是否有一个免费的html-to-pdf转换器会尊重THEAD标签?

如果没有,有没有其他选择?

谢谢...

html css pdf

6
推荐指数
2
解决办法
7074
查看次数

每页打印的样式标题

我最近发现CSS代码<thead>在每个页面的顶部支持浏览器打印块(使用display: table-header-group;in @media print {}).这极大地简化了我的打印表应用程序中的代码.

但是,我的客户对风格非常挑剔.看来,重新打印头群体缺乏一些样式的原头,即border-bottom-styleborder-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;但没有关于样式这些标题组的问题.

html css css-tables

5
推荐指数
1
解决办法
3489
查看次数

标签 统计

css ×4

html ×4

printing ×2

css-tables ×1

footer ×1

header ×1

pdf ×1

stylesheet ×1