问题标签 [css-paged-media]

我有一个这样的html表：

请注意，以上所有 tbody 的结构都相同。我想将第一个 tr.row-to-style 行的样式与其他行不同。每个 tbody 都会有一个 tr.row-to-style 但我只想影响页面上的第一行。输出是分页媒体，特别是 PrinceXML 从 xhtml 源文件生成的 pdf 文件。这意味着我们可以使用高级 css 选择器，不需要跨浏览器兼容性，也不能使用 javascript。

在输出的第一页上设置目标行的样式很容易。我可以用：

另外，如果我知道一个页面可以容纳多少 tbody，我可以执行以下操作：

但是，如果我不知道页面上可以容纳的 tbody 的数量，我该如何定位第一个？

实际上，在输出时，每页都重复了 thead 和 tfoot 部分。这些表格是专门为利用这一点而设计的。我们允许在 tbody 之后分页。输出可能包含几页。

因此，输出在每一页上都有一个伪头和伪tfoot。但是我看不到使用这样的方法来标记页面上的第一个 tbody。有任何想法吗？谢谢...

有什么方法可以从 HTML 文档中呈现 PDF，该 HTML 文档采用CSS3 Generated Content for Paged Media的样式？

如果没有这样的应用程序，我可以用什么作为基础来构建这样的转换器？

谢谢

有没有办法使用CSS“分页媒体”功能创建分页内容（水平/垂直显示分隔页面）？

在分页媒体中，CSS 属性target-counters可用于包含多个计数器。该规范给出了以下示例（简化）：

那应该输出类似(see section 1.3.5).

我将如何设置section柜台？

我正在开发一个电子发票系统，我们的功能之一是生成发票的 PDF 文件并邮寄。我们有多个发票模板，以后会创建更多，所以我们决定使用 HTML 模板，生成 HTML 文档，然后将其转换为 PDF。但是我们面临 wkhtmltopdf 的问题，据我所知（我已经用 Google 搜索了好几天以找到解决方案）我们不能简单地既使用 HTML 作为页眉/页脚，又在其中显示页码。

在错误报告（或此类）（http://code.google.com/p/wkhtmltopdf/issues/detail?id=140）中，我读到使用 JavaScript 可以实现此组合。但是在此页面或其他地方无法找到有关如何执行此操作的其他信息。

当然，强制使用 JavaScript 并不是那么重要，如果使用 wkhtmltopdf 一些 CSS 魔法可以发挥作用，它会像任何其他骇人听闻的解决方案一样棒极了。

谢谢！

我想为打印页设置页边距顶部和底部以编写页眉和页脚。

我在 Firefox 中做到了。但它不适用于 chrome 和 Internet Explorer。

当我使用@page代码时，它可以在 chrome 中运行。但我不能在顶部写页眉，在底部写页脚。我怎么解决这个问题？

这是我的代码

分页.php

分页.css

IE截图：

火狐截图：

铬截图：

根据http://www.w3.org/TR/css3-page/有 @page:first 选择器。但是，如果我想为特定页面定义不同的页脚或页眉怎么办？

我正在使用 Flying Saucer 创建 PDF（它将 CSS/HTML 转储到 iText 到 PDF），并且我正在尝试使用 CSS3 将图像页眉和页脚应用于每个页面。

我基本上想把这个 div 放在每个页面的左上角：

我的 CSS 看起来有点像这样：

有没有办法让我把这个 div 放在content？

打印时（或通常在分页媒体上显示文档），是否可以重排文档元素，以便当某些元素（例如图像）因为不适合实际页面上的可用空间而转移到下一页时，它后面的元素会被移动到实际页面的剩余空间吗？

我正在尝试实现与LaTeX Floats类似（或相同）的效果，但仅使用 CSS。

为了说明这一点，假设我们有这种情况：

使用一些基本的 CSS（参见这个问题），实现这一点没有问题：

但我真正需要的是这样的：

所以，基本上，我只想用后面的元素填充实际页面上剩余的所有空间image A（当然，只有当它们适合它时）。

我正在做一些 CSS3 研究，想看看 Office 编辑器是否可以完全被 CSS 样式取代，所以我不需要支持该解决方案（即此时在某些浏览器中实现）。我只想知道它是否包含在任何 CSS 模块或构造中（即使它只是工作草案），所以我可以假设浏览器将来会支持它。

我已经在

• CSS3 分页媒体，
• CSS3 区域和
• 为分页媒体生成的 CSS3 内容

规范并一无所获，但仍有机会我只是忽略了某些东西（或根本不理解），所以经过两天的谷歌搜索，我认为是时候在这里问了:-)

您好，感谢您的关注！

背景

我正在使用Rotativa PDF打印多页报告，它将 HTML 页面打印为 PDF。为此，我需要遵循 CSS 2.1 及更高版本的 @page 约定。

我的应用程序在 C#、MVC 3 中。

问题/问题：

即使我在 @page 声明中指定 8.5 英寸乘 11 英寸，打印的 PDF 中的页面也仅缩放到 8.5X11 表的约 75%。我知道这一点是因为我有一个应该覆盖整个页面的背景图像，但它只打印到整个页面的 75% 左右。内容也按比例缩小，所以一切都按比例正确，只是没有按应有的方式绘制整个 8.5X11 帧。

我在 CSS 中像这样设置报告的封面：

和 HTML：

知道我可能做错了什么吗？提前致谢。