问题标签 [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.
printing - @media print 在谷歌上不起作用
我试图找出为什么@media print
不能在 Chrome 上运行。IE和FF都可以。
我正在打印优惠券的打印页面,但 Chrome 正在打印空白页面。
css-paged-media - 使用css在打印模式下每页的页眉和页脚
我有一个 Web 应用程序,它的报告可能超过一页,我想在每一页中打印页眉和页脚。我找到并尝试了这个: 在每个页面中重复一个报告标题, 但它对我不起作用。我尝试了opera,IE9,Firefox,Google Chrome,但......没有。page-margin 工作正常,但内容是我想要的它不起作用。
css - 浏览器对 CSS 页码的支持
所以我知道这个选项:Page numbers with CSS/HTML。
到目前为止,这似乎是将页码添加到页面的打印版本的最佳方法,但我无法在任何地方得到任何变体。我已经在 Chrome、Firefox 和 IE9 中尝试了我的 Windows 7 机器。根据一些链接,Prince XML 等更多专有软件可能支持此功能。Web 浏览器是否支持打印版本?
我尝试只制作一个空白的 html 文件,并在头部添加两个样式标签:
我还简化了它,甚至只是content: "TEXT";
用来看看我是否可以展示一些东西。这在任何地方都支持吗?通过“this”,我特别指的是@page
and@bottom-right
标签,因为我已经让内容工作了很多次。
html - CSS“孤儿”应该在行级还是块级运行?
我正在将 HTML 文档呈现为 PDF。以前我使用的是Wkhtmltopdf,但看起来Dompdf为分页符提供了更好的支持,所以我希望我会改用它。
我想对我的文档应用一些孤立控制,所以我需要对orphans
实际执行的操作有一个深入的了解。来自 W3C(来源):
orphans 属性指定块容器中必须留在页面底部的最小行数。
网络上一直提供的示例是这样的:
这意味着如果三行段落文本没有空间,则强制换行到下一页。我正在渲染一个包含大量无序列表的文档,所以对我来说它将是:
但是,理想情况下,我还希望打破无序列表,以使项目符号块本身不会成为孤儿或寡妇。能够做到这一点会很好:
理想情况下,这将确保没有任何项目块可以单独出现在分页符的上方或下方。然而浏览器/渲染器对此的支持是不完整的,并且上面的 W3C 使用“line”这个词而不是“block”。因此,我想上述内容只会影响列表项中的段落行控制,不会影响整个列表项块。如果是这种情况,是否有 CSS 方法可以做到这一点?
html - 理解 CSS 分页媒体样式的一些问题
我对 CSS 中的分页媒体有些怀疑。
如果我有类似这样的代码:
到底发生了什么?你能给我解释一下这段代码吗?我正在阅读文档,但我发现了一些问题......
Tnx安德烈亚
debugging - IE11 忽略@page 规则?
我正在尝试在我正在打印的页面上设置边距。在 chrome 中,它看起来很棒。IE没那么多。我正在尝试像这样设置边距:
我在头中引用了这样的css文件:
我可以通过调整边距值在 chrome 中很好地调整边距,但在 IE11 中,它似乎完全忽略了这一点......
我究竟做错了什么?
css - CSS分页左/右
有谁知道那里有预览@page CSS 规则的工具?如果做不到这一点,有什么东西可以用来打印完全支持这些规则的文档吗?
http://www.w3.org/TR/CSS2/page.html
Opera 最接近。它支持除左/右分页符之外的所有内容(一如既往地对待它们),但仍然需要您打印到某些东西才能看到它们(看不到实时打印预览)。
html - CSS 分页媒体内容问题
打印 HTML 页面时,我想将自定义文本放在所有打印页面的标题中
打印时,“页面标题:pageCount”既没有出现在 IE 中,也没有出现在任何其他浏览器中。我做错了什么?边距确实有效,但@top-right 无效。
css - CSS @page 中的不同大小:第一个结果整个 @page 大小相同
它关于打印,仅打印。
CSS:
正如 CSS 定义的那样,应该只有第一页高度为 1000 毫米,其余页面为 297 毫米(A4)高度。
但是在 Chrome 中,从第二页开始,看起来像 297 毫米,但所有内容都消失了。
自己试试,用谷歌浏览器,打开http://fiddle.jshell.net/T4nnG/1/show/ 试试打印,看预览,第一页是对的,从第二页开始,大小是对的,但是内容没了
使用“另存为PDF”可以看的更清楚,但是如果你选择真打印机,第一页会缩小,bug是一样的
它可能只在 Chrome 中,但我只使用 Chrome 的应用程序,所以只要它在 Chrome 中工作,我很高兴。
我做错了什么吗?请就正确的 CSS 提出建议,谢谢。
php - 飞碟忽略反增量和反重置
我目前正在使用 Symfony2 for PHP 和 SpraedPDFGeneratorBundle,它使用飞碟生成 PDF。
我需要让用户输入一个起始编号页来打印带有编号页的表单。如果我做一些简单的事情
生成的 PDF 不会将每页增加 5。我这样做是为了测试功能,因为预期的代码是
为什么会这样?