问题标签 [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 回答
267 浏览

printing - @media print 在谷歌上不起作用

我试图找出为什么@media print不能在 Chrome 上运行。IE和FF都可以。

我正在打印优惠券的打印页面,但 Chrome 正在打印空白页面。

0 投票
4 回答
42951 浏览

css-paged-media - 使用css在打印模式下每页的页眉和页脚

我有一个 Web 应用程序,它的报告可能超过一页,我想在每一页中打印页眉和页脚。我找到并尝试了这个: 在每个页面中重复一个报告标题, 但它对我不起作用。我尝试了opera,IE9,Firefox,Google Chrome,但......没有。page-margin 工作正常,但内容是我想要的它不起作用。

0 投票
5 回答
64300 浏览

css - 浏览器对 CSS 页码的支持

所以我知道这个选项:Page numbers with CSS/HTML

到目前为止,这似乎是将页码添加到页面的打印版本的最佳方法,但我无法在任何地方得到任何变体。我已经在 Chrome、Firefox 和 IE9 中尝试了我的 Windows 7 机器。根据一些链接,Prince XML 等更多专有软件可能支持此功能。Web 浏览器是否支持打印版本?

我尝试只制作一个空白的 html 文件,并在头部添加两个样式标签:

我还简化了它,甚至只是content: "TEXT";用来看看我是否可以展示一些东西。这在任何地方都支持吗?通过“this”,我特别指的是@pageand@bottom-right标签,因为我已经让内容工作了很多次。

0 投票
1 回答
922 浏览

html - CSS“孤儿”应该在行级还是块级运行?

我正在将 HTML 文档呈现为 PDF。以前我使用的是Wkhtmltopdf,但看起来Dompdf为分页符提供了更好的支持,所以我希望我会改用它。

我想对我的文档应用一些孤立控制,所以我需要对orphans实际执行的操作有一个深入的了解。来自 W3C(来源):

orphans 属性指定块容器中必须留在页面底部的最小行数。

网络上一直提供的示例是这样的:

这意味着如果三行段落文本没有空间,则强制换行到下一页。我正在渲染一个包含大量无序列表的文档,所以对我来说它将是:

但是,理想情况下,我还希望打破无序列表,以使项目符号块本身不会成为孤儿或寡妇。能够做到这一点会很好:

理想情况下,这将确保没有任何项目块可以单独出现在分页符的上方或下方。然而浏览器/渲染器对此的支持是不完整的,并且上面的 W3C 使用“line”这个词而不是“block”。因此,我想上述内容只会影响列表项中的段落行控制,不会影响整个列表项块。如果是这种情况,是否有 CSS 方法可以做到这一点?

0 投票
1 回答
209 浏览

html - 理解 CSS 分页媒体样式的一些问题

我对 CSS 中的分页媒体有些怀疑。

如果我有类似这样的代码:

到底发生了什么?你能给我解释一下这段代码吗?我正在阅读文档,但我发现了一些问题......

Tnx安德烈亚

0 投票
1 回答
1904 浏览

debugging - IE11 忽略@page 规则?

我正在尝试在我正在打印的页面上设置边距。在 chrome 中,它看起来很棒。IE没那么多。我正在尝试像这样设置边距:

我在头中引用了这样的css文件:

我可以通过调整边距值在 chrome 中很好地调整边距,但在 IE11 中,它似乎完全忽略了这一点......

我究竟做错了什么?

0 投票
1 回答
886 浏览

css - CSS分页左/右

有谁知道那里有预览@page CSS 规则的工具?如果做不到这一点,有什么东西可以用来打印完全支持这些规则的文档吗?

http://www.w3.org/TR/CSS2/page.html

Opera 最接近。它支持除左/右分页符之外的所有内容(一如既往地对待它们),但仍然需要您打印到某些东西才能看到它们(看不到实时打印预览)。

0 投票
1 回答
237 浏览

html - CSS 分页媒体内容问题

打印 HTML 页面时,我想将自定义文本放在所有打印页面的标题中

打印时,“页面标题:pageCount”既没有出现在 IE 中,也没有出现在任何其他浏览器中。我做错了什么?边距确实有效,但@top-right 无效。

0 投票
2 回答
1653 浏览

css - CSS @page 中的不同大小:第一个结果整个 @page 大小相同

它关于打印,仅打印。

CSS:

正如 CSS 定义的那样,应该只有第一页高度为 1000 毫米,其余页面为 297 毫米(A4)高度。

但是在 Chrome 中,从第二页开始,看起来像 297 毫米,但所有内容都消失了。

自己试试,用谷歌浏览器,打开http://fiddle.jshell.net/T4nnG/1/show/ 试试打印,看预览,第一页是对的,从第二页开始,大小是对的,但是内容没了

使用“另存为PDF”可以看的更清楚,但是如果你选择真打印机,第一页会缩小,bug是一样的

它可能只在 Chrome 中,但我只使用 Chrome 的应用程序,所以只要它在 Chrome 中工作,我很高兴。

我做错了什么吗?请就正确的 CSS 提出建议,谢谢。

0 投票
0 回答
384 浏览

php - 飞碟忽略反增量和反重置

我目前正在使用 Symfony2 for PHP 和 SpraedPDFGeneratorBundle,它使用飞碟生成 PDF。

我需要让用户输入一个起始编号页来打印带有编号页的表单。如果我做一些简单的事情

生成的 PDF 不会将每页增加 5。我这样做是为了测试功能,因为预期的代码是

为什么会这样?