问题标签 [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.
css - 如何在分页媒体输出的连续页面上设置表格样式？
我有一个这样的html表：
请注意，以上所有 tbody 的结构都相同。我想将第一个 tr.row-to-style 行的样式与其他行不同。每个 tbody 都会有一个 tr.row-to-style 但我只想影响页面上的第一行。输出是分页媒体，特别是 PrinceXML 从 xhtml 源文件生成的 pdf 文件。这意味着我们可以使用高级 css 选择器，不需要跨浏览器兼容性，也不能使用 javascript。
在输出的第一页上设置目标行的样式很容易。我可以用：
另外，如果我知道一个页面可以容纳多少 tbody，我可以执行以下操作：
但是，如果我不知道页面上可以容纳的 tbody 的数量，我该如何定位第一个？
实际上，在输出时，每页都重复了 thead 和 tfoot 部分。这些表格是专门为利用这一点而设计的。我们允许在 tbody 之后分页。输出可能包含几页。
因此，输出在每一页上都有一个伪头和伪tfoot。但是我看不到使用这样的方法来标记页面上的第一个 tbody。有任何想法吗？谢谢...
html - （HTML + CCS3 为分页媒体生成的内容）到 PDF？
有什么方法可以从 HTML 文档中呈现 PDF，该 HTML 文档采用CSS3 Generated Content for Paged Media的样式？
如果没有这样的应用程序，我可以用什么作为基础来构建这样的转换器？
谢谢
html - html 分页和“分页媒体”
有没有办法使用CSS“分页媒体”功能创建分页内容（水平/垂直显示分隔页面）？
javascript - 如何使用 wkhtmltopdf 在页眉/页脚 html 中进行页码编号？
我正在开发一个电子发票系统，我们的功能之一是生成发票的 PDF 文件并邮寄。我们有多个发票模板，以后会创建更多，所以我们决定使用 HTML 模板，生成 HTML 文档，然后将其转换为 PDF。但是我们面临 wkhtmltopdf 的问题，据我所知（我已经用 Google 搜索了好几天以找到解决方案）我们不能简单地既使用 HTML 作为页眉/页脚，又在其中显示页码。
在错误报告（或此类）（http://code.google.com/p/wkhtmltopdf/issues/detail?id=140）中，我读到使用 JavaScript 可以实现此组合。但是在此页面或其他地方无法找到有关如何执行此操作的其他信息。
当然，强制使用 JavaScript 并不是那么重要，如果使用 wkhtmltopdf 一些 CSS 魔法可以发挥作用，它会像任何其他骇人听闻的解决方案一样棒极了。
谢谢！
html - 打印页边距在 chrome 和 ie 中不起作用
我想为打印页设置页边距顶部和底部以编写页眉和页脚。
我在 Firefox 中做到了。但它不适用于 chrome 和 Internet Explorer。
当我使用@page代码时，它可以在 chrome 中运行。但我不能在顶部写页眉，在底部写页脚。我怎么解决这个问题？
这是我的代码
分页.php
分页.css
IE截图：
火狐截图：
铬截图：
css - 分页媒体@page:nth 选择器
根据http://www.w3.org/TR/css3-page/有 @page:first 选择器。但是，如果我想为特定页面定义不同的页脚或页眉怎么办？
pdf - 使用 CSS 为打印创建页眉和页脚
我正在使用 Flying Saucer 创建 PDF（它将 CSS/HTML 转储到 iText 到 PDF），并且我正在尝试使用 CSS3 将图像页眉和页脚应用于每个页面。
我基本上想把这个 div 放在每个页面的左上角：
我的 CSS 看起来有点像这样：
有没有办法让我把这个 div 放在content？
css - 更改分页符上的文档流以填充空间
打印时（或通常在分页媒体上显示文档），是否可以重排文档元素，以便当某些元素（例如图像）因为不适合实际页面上的可用空间而转移到下一页时，它后面的元素会被移动到实际页面的剩余空间吗？
我正在尝试实现与LaTeX Floats类似（或相同）的效果，但仅使用 CSS。
为了说明这一点，假设我们有这种情况：
使用一些基本的 CSS（参见这个问题），实现这一点没有问题：
但我真正需要的是这样的：
所以，基本上，我只想用后面的元素填充实际页面上剩余的所有空间image A（当然，只有当它们适合它时）。
我正在做一些 CSS3 研究，想看看 Office 编辑器是否可以完全被 CSS 样式取代，所以我不需要支持该解决方案（即此时在某些浏览器中实现）。我只想知道它是否包含在任何 CSS 模块或构造中（即使它只是工作草案），所以我可以假设浏览器将来会支持它。
我已经在
- CSS3 分页媒体，
- CSS3 区域和
- 为分页媒体生成的 CSS3 内容
规范并一无所获，但仍有机会我只是忽略了某些东西（或根本不理解），所以经过两天的谷歌搜索，我认为是时候在这里问了:-)
编辑：再次澄清一下：我现在不需要任何浏览器都支持该解决方案 ，我需要知道是否有允许这样做的标准或规范（如果是，如何）。
c# - 使用 CSS @Page 渲染打印页面的大小
您好，感谢您的关注！
背景
我正在使用Rotativa PDF打印多页报告，它将 HTML 页面打印为 PDF。为此，我需要遵循 CSS 2.1 及更高版本的 @page 约定。
我的应用程序在 C#、MVC 3 中。
问题/问题：
即使我在 @page 声明中指定 8.5 英寸乘 11 英寸，打印的 PDF 中的页面也仅缩放到 8.5X11 表的约 75%。我知道这一点是因为我有一个应该覆盖整个页面的背景图像，但它只打印到整个页面的 75% 左右。内容也按比例缩小，所以一切都按比例正确，只是没有按应有的方式绘制整个 8.5X11 帧。
我在 CSS 中像这样设置报告的封面：
和 HTML：
知道我可能做错了什么吗？提前致谢。