问题标签 [print-css]

当我尝试打印我的网页时，我无法弄清楚为什么我的按钮样式/颜色会被删除。我正在为我的一些风格使用引导程序。

想要在打印文档的每一页上添加页眉。

使用page-break-inside: avoid，好像部分内容要进入下一页，应该完全进入下一页。

当内容本身超过一页时，就会出现问题。表结构为

CSS

当内容超过一页时，标题重叠。我可以只在每个页面而不是标题中为内容设置边距吗？添加 margin-top 以@page向下移动标题也。

IMAGE：<thead>如果内容超过一页，则重叠

我只是想知道我们是否可以在打印媒体查询中使用字体真棒图标，我的意思是它们会像在浏览器上那样工作还是会崩溃。有人请告诉我。

我有一个页面有两个不同的打印按钮和两种类型的 div 标签：

我的 print.css 文件中有以下内容

下面是我的 PrintPartial() 函数

“打印完整”按钮可以正常工作并根据我的 print.css 文件进行打印。正确使用“无打印”类硬编码的 div 不会打印。

但是，“打印部分”按钮打印出来与“打印完整”按钮完全相同。

当我运行我的调试器并进入我的 PrintPartial() 函数时，我可以检查元素并且“no-print”类被添加到正确的元素中。它调用 window.print() 打开打印对话框，并从存储在 notPartial 变量中的元素中删除“no-print”类。

我唯一的想法是 JQuery select 和 addClass 是异步运行的，并且它在类更改之前调用 print ？如果是这样，我如何确保在 addClass 完成后才调用 window.print 。

我尝试在没有 removeClass 步骤的情况下运行它并得到相同的结果，所以我知道这不是我的问题，或者至少不是我唯一的问题。

有人可以告诉我我做错了什么以及如何纠正吗？

谢谢，斯科特

更新：正如 Pabs123 指出的那样，上面的代码可以正常工作。我遇到了一个问题，即另一块 css（未包含在这篇文章中）导致显示属性被改回。

谢谢

当我进行打印时，正文内容位于标题区域下方。

我写 1-9 数字不显示数字只显示数字从 5 开始我认为问题是我们正在添加位置是固定的如果我们不使用固定位置页眉和页脚将不会显示所有页面

问题：https ://output.jsbin.com/donapohuci

这是桌面上的两列布局。使用 CSS 媒体查询，当视口为 800 像素或更少时，我将其设置为一列：

问题是，当您打印此文件时（目前，使用 Chrome），它会确定一张 letter 大小的纸小于 800 像素，因此使用媒体查询样式进行打印。

我们正在使用 Bootstrap，它使用这样的媒体查询。一种解决方案是修改 CSS 以添加“屏幕”修饰符：

唉，这是一个由多个团队共同参与的大型企业项目，所以我们现在真的不想弄乱任何基础 CSS（因为这通常会导致其他团队的其他问题产生多米诺骨牌效应......）

有没有办法解决这个问题，只需为我们需要“如您在屏幕上看到的那样”打印的这个特定页面编写单独的打印样式表？

我正在考虑以某种方式告诉浏览器“假装纸张比实际宽，并在打印时使用桌面布局......”

我在打印 css 上有一个奇怪的问题，当我根据页面高度为表格中断设置 css 时，它工作得很好，

margin:0页面顶部没有空间，现在如果我添加到margin: 20mm 10mm 20mm 10mm该@page部分，它会在页面上显示空间但表格分解现在不起作用，我也放入margin and padding了bodycss，但还没有运气，已经浪费了一天，请告诉我我该怎么做。

我手上有一个可用的表单，我也在jsp中构建了具有相同输入字段的表单，现在我希望将每个插入的表单值打印在现有表单字段的各自字段中。请帮我。

我在要打印的网页上动态创建元素（学生账单）。我希望这个元素只占打印介质中总可打印高度的一半，这样我就可以在一页上打印两个元素。

但是在图片中，很明显第三个元素的某些部分出现在第一页上，实际上应该出现在第二页上。

如何强制此元素（一个学生的账单）恰好占据页面高度的一半？

我需要有关媒体、印刷品的详细信息，我们可以将其用作最佳实践。我的 HTML 页面是动态的。数据会经常变化，我写了媒体打印 css，但在所有情况下它都没有按预期工作。打印中缺少一项或其他数据。请帮我解决这个问题