问题标签 [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-paged-media - 运行带有嵌套生成内容的标题
这是一个关于分页媒体的问题。我想将字符串集与运行元素混合。它适用于 PrinceXML,但不适用于 PDFReactor。我的问题,这在 PDFReactor 中可能吗?
HTML
CSS
到目前为止,一切都很顺利。但是当我尝试从 H1 定义一个字符串集并尝试将其写入 span.last 时,这是行不通的。
css - 使用@page content css设置带有内容的页面标题
我正在尝试在使用 CSS @page 规则打印和传真时在文档的所有页面中包含标题文本。但是当我在 Chrome 中看到预览时,它对我不起作用。我正在jsfiddle中检查这个。这是我一直在处理的代码的链接代码的链接 Code Link
我知道可以添加使用@media 打印内容。但我想使用@page css 来做到这一点。
如果你添加
内容已添加。但是如果你做同样的事情
这没用。有没有办法使这项工作?
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 因为我希望标题仅在出现在页面底部时才进入下一页。
css - 重用字符串而不丢失原始字符串集中的格式
我正在使用字符串集为章节标题设置一个字符串。
当我通过我的文档添加内容并重新使用该字符串时,我希望它保持我的h1
( font-weight:bold
) 的原始格式。
我怎样才能做到这一点?我不能只为内容设置样式,因为其余内容(“我的文档标题”)不应该是粗体。
目前,我将字符串用作标题的一部分:
css-paged-media - 如何使用 PDFreactor 选择文档部分的第 n() 页?
我正在评估 PDFreactor 以从 HTML 和 CSS 生成 PDF。
但是我遇到了一个问题 - 我需要为文档部分的第一页、第二页和第三页设置不同的页面背景图像。似乎可能的唯一方法(查看PDFreactor 手册)是明确给出固定的文档页码,而不是相对于文档部分的数字。
分页媒体模块的 CSS 生成内容建议我使用这种表示法;
CSS:
HTML:
但它根本不起作用——它会引发解析错误;
顺便说一句,-ro-nth 不会抛出错误,但仍然不起作用 - 即。
此代码将它放在该部分的每个左侧页面上(因此它证明命名页面选择器在基本级别上工作)但根本不是我想要的。
这可行,但这意味着我必须对页码进行硬编码。不是我想做的...
这会将其放在文档的第 1 页,而不是该部分的第 1 页。
这就是我在 Prince XML 中想要的。
有没有人有任何有用的建议?谢谢。
html - CSS 3列布局与溢出到下一行
是否有可能以某种方式有一个固定高度的三列布局(使用 column-count: 3;)溢出到下一行。基本上是 HTML 的分页媒体。
html - 在 A4 页面上打印 html,媒体无法正常工作
我需要打印 A4 尺寸的 html 页面,另外我想打印内容正文打印以及 css、html 并忽略菜单列表、页眉、页脚和页面右侧菜单列表。
首先,我介绍了简单的 div 和类 noprint 并将其添加到 @media print 但它似乎不起作用。noprint 类在@media print 之外工作,所以我知道它是正确的。
另外我的要求是使用标准 Ctrl+P 键盘选项直接从浏览器打印
css - 飞碟 PDF 使用 :first 和命名页面
目前在 java 中,我正在生成一个具有适用 CSS 样式的 HTML 文档。
我已经验证我的文档是正确的,但是:first
当我将伪选择器与命名页面结合使用时,它似乎不起作用。举个例子:
我这样做的原因是我想使用特定命名页面上的第一页,CSS 选择器是否支持分页媒体的此功能?如果没有,是否可以通过飞碟或某种 CSS 魔法来解决这个问题。
谢谢
css - cups xhtmltopdf 过滤器尊重印刷媒体 css 的哪些部分?
我正在尝试将 html 用于打印文档。我有希望出现在每个打印页面上的标题,并且我正在使用以下代码:
如果我从 Chrome 自己的打印对话框中预览它,它看起来就像我想要的那样。如果从 Chrome 的打印对话框打印出来,它看起来也是正确的(与预览相同,至少对我的眼球而言)。
如果我通过 CUPS 的 xhtmltopdf 过滤器(模拟打印)运行它,就会出现几个缺陷。
标题在第一页上看起来是正确的,但不会像在 Chrome 自己的打印对话框中那样出现在任何后续页面上。这证明它正在从媒体打印选择器中设置一些样式,否则我只会看到普通的输入。这甚至是媒体打印选择器的问题,还是与位置固定有关?
第二个问题是其他元素(“问题”类)在 xhtmltopdf 中的渲染比从 Chrome 的打印对话框中渲染的要大得多。
这也是 CSS 问题,还是 CUPS 特有的问题?我对此一无所知,但我似乎记得几年前,一些浏览器至少在怪癖模式下具有元素的默认样式。Chrome 是否有一种风格适用于 xhtmltopdf 错过的风格?有其他事情发生吗?
不确定这是否有帮助,但我包括了 cups 过滤器的输出: