使用@page content css 设置包含内容的页面 Headers
Setting Page Headers with content using @page content css
我正在尝试在文档的所有页面中包含 header 文本，同时使用 CSS @page 规则进行打印和传真。但是当我在 Chrome 中看到预览时，它对我不起作用。我在 jsfiddle 中检查这个。这是我一直在 Code Link
编写的代码的 link
我知道使用@media 打印内容可以添加。但我想使用@page css.
来做到这一点
如果你加上
.subpage: after {
content: "name";
}
内容已添加。但是如果你做和
一样的事情
@page {
@top-right {
content: "name";
}
}
它不起作用。有没有办法让这个工作？
这正是它的工作方式，您的示例是正确的。然而，现代浏览器目前还不支持@page。你得用PrinceXML，Antenna House Formatter的PDF Reactor之类的软件。
您可以下载 PrinceXML
的评估版
pwavg 是正确的。当前使用的None个渲染器支持@top-right规则，这就是它不适合你的原因。你可以看到它here on Wikipedia（搜索 @top-right).
我知道维基百科不是最 reliable/updated 的来源，但我想总比没有好。至少在这个特定页面上，它看起来更新相对活跃。
据我所知，唯一支持它的渲染引擎（Prince 除外）是旧的 Opera Presto 渲染器，但已不再开发。
我正在尝试在文档的所有页面中包含 header 文本，同时使用 CSS @page 规则进行打印和传真。但是当我在 Chrome 中看到预览时，它对我不起作用。我在 jsfiddle 中检查这个。这是我一直在 Code Link
编写的代码的 link我知道使用@media 打印内容可以添加。但我想使用@page css.
来做到这一点
如果你加上
.subpage: after {
content: "name";
}
内容已添加。但是如果你做和
一样的事情@page {
@top-right {
content: "name";
}
}
它不起作用。有没有办法让这个工作？
这正是它的工作方式，您的示例是正确的。然而，现代浏览器目前还不支持@page。你得用PrinceXML，Antenna House Formatter的PDF Reactor之类的软件。
您可以下载 PrinceXML
的评估版pwavg 是正确的。当前使用的None个渲染器支持@top-right规则，这就是它不适合你的原因。你可以看到它here on Wikipedia（搜索 @top-right).
我知道维基百科不是最 reliable/updated 的来源，但我想总比没有好。至少在这个特定页面上，它看起来更新相对活跃。
据我所知，唯一支持它的渲染引擎（Prince 除外）是旧的 Opera Presto 渲染器，但已不再开发。