碟飞行头和页脚

发布于 2025-01-18 04:54:10 字数 666 浏览 0 评论 0原文

我在飞碟飞行中使用标头和页脚。它运行良好。 当前的状态在我将DIV与标头或页脚一起使用的地方起作用,我从那里一直到文件标头或页脚结束。 我已经尝试过,但是它不起作用。 {content:element(header,last-except)}或 {content:element:element(header,first-except)}

这是我的代码 样式:

div.header {
   display: block; 
   text-align: center;
   position: running(header);
}

div.footer {
   display: block; 
   text-align: center;
   position: running(footer);
}

@page {
   @top-center { content: element(header) }
} 

@page {
   @bottom-center { content: element(footer) }
}

HTML:

<div class="header">
</div>

我只想拥有一个标题或页脚,例如2到5页的PDF。 有没有办法阻止PDF每页上的一代?

谢谢。

I use the header and footer in saucer flying. It works well.
The current state works where I use the div with header or footer, I have from there until the end of the file header or footer.
I've tried this, but it doesn't work.
{ content: element(header, last-except)} or { content: element(header, first-except)}

This is my code
style:

div.header {
   display: block; 
   text-align: center;
   position: running(header);
}

div.footer {
   display: block; 
   text-align: center;
   position: running(footer);
}

@page {
   @top-center { content: element(header) }
} 

@page {
   @bottom-center { content: element(footer) }
}

HTML:

<div class="header">
</div>

I would like to have a header or footer only, for example from 2 to 5 pages of pdf.
Is there a way to stop the generation on each page of the pdf?

Thanks.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

深爱不及久伴 2025-01-25 04:54:10

使用飞行尾声,您只能使用

.header {position: running(header);}
.footer {position: running(footer);}

.headerfirst {position: running(headerfirst);}
.footerfirst {position: running(footerfirst);}

@page :first {
    @top-center { content: element(headerfirst) }
    @bottom-center { content: element(footerfirst) }
}
@page {
    @top-center { content: element(header) }
    @bottom-center { content: element(footer) }
}

不幸的是,:last伪级不起作用。

With flying-saucer, you can only set a different header or footer for the first page, using the :first pseudo-class.

.header {position: running(header);}
.footer {position: running(footer);}

.headerfirst {position: running(headerfirst);}
.footerfirst {position: running(footerfirst);}

@page :first {
    @top-center { content: element(headerfirst) }
    @bottom-center { content: element(footerfirst) }
}
@page {
    @top-center { content: element(header) }
    @bottom-center { content: element(footer) }
}

Unfortunately, the :last pseudo-class doesn't work.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文