问题标签 [print-css]
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.
html - 在每页上打印页眉和页脚
我希望在打印的每一页上打印页眉和页脚。用户创建一封信或报告，当查看它时，该信将出现在浏览器中。用户可以从那里打印出来。顶部的选项按钮消失并且边框被移除。但是，如果内容足够长，我希望在每一页上打印页眉和页脚，并且内容继续。我可以让打印工作正常并且尺寸正确。
html - 在页面底部放置一个 tfoot
我试图在打印时让 thead 和 tfoot 出现在每页的顶部和底部。问题在于，如果 tbody 内容的高度不正确，那么 tfoot 可能仅位于页面下方而不是底部的一半。
我已经尝试将表格设置为 div 并将其设置为 display:table 以便我可以定位它。 http://jsfiddle.net/zfw5F/
HTML
CSS
css - CSS 打印宽度不适用
我一直在尝试让我的#content div 在打印样式表中的宽度为 100%。无论我尝试什么，我似乎都无法让它发挥作用。
可以在这里看到视觉的屏幕截图：http: //t.co/brgvKPtKxA
标头消息 100% 跨越——这很有趣，但仅此而已。
我的 CSS 看起来像：
我的代码有点乱，因为我每秒都在尝试新事物。我以前遇到过这种情况，但我从来没有这么难过。有什么建议么？
感谢您的时间和帮助。
玛丽亚
HTML 代码片段：
css - 每秒分页符css在谷歌浏览器中不起作用
我有动态项目tr，尝试tr每页品脱两个，我的 css 是
CSS：
它可以工作firefox但不能在Chrome浏览器中工作，有什么问题chrome？
html - 如何在每个页面的打印 CSS 中制作页面边框
我有很长的 HTML 要打印。页面已准备好打印，但我需要为每一页加边框。我添加body { border:2px #666 solid; padding:5px; }了 CSS 代码。HTML 视图很好，但打印视图不是。因为border-bottom 没有显示第一页，而border-top 没有显示所有其他页面。
我希望，我可以解释我想要什么。我正在搜索并仍在寻找解决方案。而且我认为这很容易。但还是没有找到。
responsive-design - 如何在 PhantomJS 中呈现（以 pdf 格式）响应式页面
我想知道如何使用 PhantomJS 以 pdf 格式呈现响应式页面。我尝试了很多响应式页面，发现它正在使用打印 css 打印 pdf。因此，如果页面包含打印 css 或仅屏幕 css，它将呈现与我们通过打印命令预览 (Ctrl + p) 找到的相同的 pdf。
当我在网络浏览器上看到它们时，有什么方法或脚本可以让我获得 pdf 吗？
当我尝试从 http://getbootstrap.com/examples/jumbotron/获取 pdf 时附加文件。
此外，主要问题不是响应式设计，而是应用在它们上的打印 css。
css - 仅使用 css 知道页面高度的任何方法
我有这样的代码
我将跨度元素显示为块元素，因为我希望将它们显示在另一个下方。
这两个 span 元素应该在 IE 7 的打印媒体中以所有缩放级别放在一起，并且只能使用 CSS。
我尝试了 page-break-before:avoid 和 page-break-after:avoid 但没有运气。
所以，我想知道如果当前 div 超过页面长度，我们是否可以使用 css 识别页面的高度并将元素移动到下一页？
这是我使用的CSS：
谢谢
html - 分页符不适用于 tbody 问题
我正在使用 twitter-bootstrap 布局生成table打印报告。该页面有多个tbody内部table; 在打印页面时，它需要page-break-after一个tbody
为此，我应用了print-css
问题是什么？
将样式
page-break-after应用于 atbody时，分页符不起作用，请参见此处但是当应用
display:block到时，它给出了想要的结果，但是表格的布局在更改为See Heretbody后被扭曲了tbodydisplay:table-row-groupdisplay:block
我想在 tbody 使用page-break-after: auto;.
场景如下
xsl-fo - 如何避免 AntennaHouse 新页面上元素的上边距？
我正在使用 AntennaHouse 渲染器使用 HTML 和 CSS 进行打印布局。
我的内容中的一个框应该有 20pt 的上边距。简单的：
但是仅当元素不位于新页面的开头时（当元素之前没有分页符时）才应应用上边距。
有谁知道如何做到这一点？
XSL-FO 解决方案也很受欢迎，因为 AntennaHouse 具有等效的 FO 和 CSS 渲染功能......
css - AntennaHouse 中 CSS 分页媒体渲染的内部/外部边距
我正在使用 AntennaHouse 渲染器使用 HTML 和 CSS 进行打印布局。
我的内容中的一个框在左页上应该有 20pt 的左边距，在右页上应该有 10pt 的左边距。
所以盒子的外边距应该是 20pt，内边距是 10pt。基本上我正在寻找这样的语法（不存在）：
有谁知道如何做到这一点？如果是，是否有内部/外部填充的等效项？
XSL-FO 解决方案也很受欢迎，因为 AntennaHouse 具有等效的 FO 和 CSS 渲染功能......