问题标签 [css-paged-media]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - css3页面媒体在任何浏览器中都不起作用
您好，我已经使用CSS3 页面媒体模块直接从浏览器将 html 内容打印到 PDF，但我没有让任何浏览器可以使用它。我的工作如下。
它不适用于我的任何浏览器。我已经在最新的 Chrome、FF、Opera、Safari 中对其进行了测试。它应该在每一页上显示页眉和页脚。页眉旨在显示在每个页面的顶部，而页脚则显示在每个页面的底部。任何人都可以有实际工作的 CSS3 页面媒体模块元素的工作示例。此外，我不是在寻找绝对位置或页眉和页脚的固定解决方案。我已经尝试过了，除了单页之外它不起作用。我已经为这个问题缩短了我的文本内容，但它可以被复制和过去以生成多页文档以查看没有页眉和页脚的多个页面。页眉和页脚 div 保持在顶部。
html - 如何在分页的 HTML 文档中强制一个空页面？
如何在 HTML 文档中强制一个空页面？我有一个标题页，之后是强制分页符（下面的规则）。问题是剩余内容直接出现在下一页上，我希望标题页和剩余内容除以 1 个空白页面（如下图所示）。
HTML：
CSS：
预期结果：
我意识到这可以通过<div>在标题页和剩余内容之间插入一个空白来完成，然后对其进行指定page-break-after: always;。不过，插入空 div 在语义上不太正确。有没有办法只使用 CSS 来实现相同的结果？
编辑：在这种情况下，也可以使用 来完成page-break-after: left;，因为默认情况下第一页是左页。文档中间的案例怎么样，您无法确定您所在的页面是左侧还是右侧。或者当您想要插入超过 1 个 emtpy 页面时。还可以用 CSS 完成吗？
javascript - 如何在分页媒体中创建边缘？
在 HTML 文档中为打印（可能是双面打印）输出创建边际的最佳方法是什么？
连续媒体（如 ）很容易得到边缘化screen，例如：
但是，当我们想要分页媒体上的边缘，并将它们放在:right页面的右侧和页面的左侧时，我们就不走运了:left，因为：
本规范的当前级别仅允许在“@page”内设置边距规则。 CSS Paged Media Module Level 3, 5.1：@page 规则
那么，这应该怎么做，或者：你是怎么做的？
我更喜欢基于当前或提议的 CSS 标准的解决方案，但恐怕可能没有；因此，我也对适用于某些用户代理的专有解决方案感兴趣，例如 Web 浏览器或 pdf 生成器，包括那些使用专有 Javascript API 的解决方案。
iframe - 如何在浏览器窗口的 iframe 中预览页面媒体（作为分页媒体）
有没有办法在浏览器窗口的 iframe 中预览页面媒体，作为分页媒体。
（我的意思是不将页面转换为 PDF 并以这种方式加载。）
xsl-fo - 如何避免 AntennaHouse 新页面上元素的上边距？
我正在使用 AntennaHouse 渲染器使用 HTML 和 CSS 进行打印布局。
我的内容中的一个框应该有 20pt 的上边距。简单的：
但是仅当元素不位于新页面的开头时（当元素之前没有分页符时）才应应用上边距。
有谁知道如何做到这一点？
XSL-FO 解决方案也很受欢迎，因为 AntennaHouse 具有等效的 FO 和 CSS 渲染功能......
css - AntennaHouse 中 CSS 分页媒体渲染的内部/外部边距
我正在使用 AntennaHouse 渲染器使用 HTML 和 CSS 进行打印布局。
我的内容中的一个框在左页上应该有 20pt 的左边距，在右页上应该有 10pt 的左边距。
所以盒子的外边距应该是 20pt，内边距是 10pt。基本上我正在寻找这样的语法（不存在）：
有谁知道如何做到这一点？如果是，是否有内部/外部填充的等效项？
XSL-FO 解决方案也很受欢迎，因为 AntennaHouse 具有等效的 FO 和 CSS 渲染功能......
css - 在 CSS 分页媒体中创建水印文本
我有一个水印，需要在 PDF 的每一页上重复。源文本是我的 HTML 中的一个 div：
在我的 CSS 中，我有以下声明：
此类作品：水印显示在 PDF 的第一页上，但不显示在后续页面上。
如何让水印显示在每一页上？
我尝试了各种解决方案，但我发现的解决方案都是针对在浏览器中使用的，并且没有解决分页媒体。
我知道这可以通过图像水印来完成，但我宁愿使用文本，因为如果文档被翻译，更改文本会容易得多。
我正在使用 Antennahouse 将 HTML+CSS 转换为 PDF。
html - 从 CSS 和 HTML 生成 PDF，@page @top-center 和内容之间的距离更远
我使用 ITextRenderer 从 CSS 和 HTML 生成 PDF。但我不知道如何在9. 一些文本和@top-center 的边框底部之间获得更多距离。
这是我的造型：
这就是它现在 的样子：http://oi58.tinypic.com/fmto5d.jpg
这是我正在寻找的结果。
css - 根据页面是左还是右对齐文本
我想做如下的事情：
但是这种语法在 CSS 中不起作用。如何根据页面是左还是右更改文本对齐方式？
css - css为文档中的第一页设置左/右
有没有办法在 CSS 中将当前页面设置为向左或向右？我能找到的只有page-break-after: left/right. 问题是您不能对文档的第一页执行此操作，否则它将从空白页开始！