问题标签 [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.

0 投票
1 回答
706 浏览

css-paged-media - 运行带有嵌套生成内容的标题

这是一个关于分页媒体的问题。我想将字符串集与运行元素混合。它适用于 PrinceXML,但不适用于 PDFReactor。我的问题,这在 PDFReactor 中可能吗?

HTML

CSS

到目前为止,一切都很顺利。但是当我尝试从 H1 定义一个字符串集并尝试将其写入 span.last 时,这是行不通的。

0 投票
2 回答
501 浏览

css - 使用@page content css设置带有内容的页面标题

我正在尝试在使用 CSS @page 规则打印和传真时在文档的所有页面中包含标题文本。但是当我在 Chrome 中看到预览时,它对我不起作用。我正在jsfiddle中检查这个。这是我一直在处理的代码的链接代码的链接 Code Link

我知道可以添加使用@media 打印内容。但我想使用@page css 来做到这一点。
如果你添加

内容已添加。但是如果你做同样的事情

这没用。有没有办法使这项工作?

0 投票
1 回答
3269 浏览

html - 孤儿 CSS:如何避免底部页面上的标题(h1,h2 ...)?

我有一个带有标题(h1、h2、h3...)和段落的大型 HTML 文档。当我打印文档时,我希望文档底部的标题自动转到下一页:

在此处输入图像描述

我能怎么做?我使用带有段落的“孤儿:3”CSS 并使用“p”标签,但使用 h1 或 h2 不起作用。

关于行动的完整示例,其中:

  • 1-2 页:段落孤儿工作正常。
  • 2-3 页:标题不起作用。

要求:

  • HTML 有一个主要的 div 容器。
  • 不要更改 HTML
  • 浏览器支持并不重要(在我的特定工作中)。
  • 我需要一些 CSS 技巧(最好不要 JS 或 Jquery)
  • 我不能使用 page-break-before:always 因为我希望标题仅在出现在页面底部时才进入下一页。
0 投票
1 回答
38 浏览

css - 重用字符串而不丢失原始字符串集中的格式

我正在使用字符串集为章节标题设置一个字符串。

当我通过我的文档添加内容并重新使用该字符串时,我希望它保持我的h1( font-weight:bold) 的原始格式。

我怎样才能做到这一点?我不能只为内容设置样式,因为其余内容(“我的文档标题”)不应该是粗体。

目前,我将字符串用作标题的一部分:

0 投票
1 回答
1626 浏览

css-paged-media - 如何使用 PDFreactor 选择文档部分的第 n() 页?

我正在评估 PDFreactor 以从 HTML 和 CSS 生成 PDF。

但是我遇到了一个问题 - 我需要为文档部分的第一页、第二页和第三页设置不同的页面背景图像。似乎可能的唯一方法(查看PDFreactor 手册)是明确给出固定的文档页码,而不是相对于文档部分的数字。

分页媒体模块的 CSS 生成内容建议我使用这种表示法;

CSS:

HTML:

但它根本不起作用——它会引发解析错误;

顺便说一句,-ro-nth 不会抛出错误,但仍然不起作用 - 即。

此代码将它放在该部分的每个左侧页面上(因此它证明命名页面选择器在基本级别上工作)但根本不是我想要的。

这可行,但这意味着我必须对页码进行硬编码。不是我想做的...

这会将其放在文档的第 1 页,而不是该部分的第 1 页。

这就是我在 Prince XML 中想要的。

有没有人有任何有用的建议?谢谢。

0 投票
2 回答
257 浏览

html - CSS 3列布局与溢出到下一行

是否有可能以某种方式有一个固定高度的三列布局(使用 column-count: 3;)溢出到下一行。基本上是 HTML 的分页媒体。

文本从一行溢出到下一行 3 个固定高度的列

0 投票
3 回答
739 浏览

html - 在 A4 页面上打印 html,媒体无法正常工作

我需要打印 A4 尺寸的 html 页面,另外我想打印内容正文打印以及 css、html 并忽略菜单列表、页眉、页脚和页面右侧菜单列表。

首先,我介绍了简单的 div 和类 noprint 并将其添加到 @media print 但它似乎不起作用。noprint 类在@media print 之外工作,所以我知道它是正确的。

另外我的要求是使用标准 Ctrl+P 键盘选项直接从浏览器打印

0 投票
0 回答
543 浏览

css - 飞碟 PDF 使用 :first 和命名页面

目前在 java 中,我正在生成一个具有适用 CSS 样式的 HTML 文档。

我已经验证我的文档是正确的,但是:first当我将伪选择器与命名页面结合使用时,它似乎不起作用。举个例子:

我这样做的原因是我想使用特定命名页面上的第一页,CSS 选择器是否支持分页媒体的此功能?如果没有,是否可以通过飞碟或某种 CSS 魔法来解决这个问题。

谢谢

0 投票
1 回答
567 浏览

css - CSS分页媒体,div分页到下一页

我需要你的帮助,

当在 Internet Explorer 11 中完成打印预览时,我似乎无法弄清楚为什么 div(下边框)会中断到下一页:

无论哪种方式,如果可以正确完成,或者通过其他方法,理想情况下,id 都希望在页面周围获得 1 像素的边框(字母大小,8.5 英寸 x 11.0 英寸)并带有一些边距。

在此处输入图像描述 在此处输入图像描述

这是有问题的 HTML 和 CSS 标记:

0 投票
1 回答
332 浏览

css - cups xhtmltopdf 过滤器尊重印刷媒体 css 的哪些部分?

我正在尝试将 html 用于打印文档。我有希望出现在每个打印页面上的标题,并且我正在使用以下代码:

如果我从 Chrome 自己的打印对话框中预览它,它看起来就像我想要的那样。如果从 Chrome 的打印对话框打印出来,它看起来也是正确的(与预览相同,至少对我的眼球而言)。

如果我通过 CUPS 的 xhtmltopdf 过滤器(模拟打印)运行它,就会出现几个缺陷。

标题在第一页上看起来是正确的,但不会像在 Chrome 自己的打印对话框中那样出现在任何后续页面上。这证明它正在从媒体打印选择器中设置一些样式,否则我只会看到普通的输入。这甚至是媒体打印选择器的问题,还是与位置固定有关?

第二个问题是其他元素(“问题”类)在 xhtmltopdf 中的渲染比从 Chrome 的打印对话框中渲染的要大得多。

从铬 从xhtml到pdf

这也是 CSS 问题,还是 CUPS 特有的问题?我对此一无所知,但我似乎记得几年前,一些浏览器至少在怪癖模式下具有元素的默认样式。Chrome 是否有一种风格适用于 xhtmltopdf 错过的风格?有其他事情发生吗?

不确定这是否有帮助,但我包括了 cups 过滤器的输出: