问题标签 [print-css]

我有一个打印使用@media print。现在，我遇到了麻烦，为什么它没有填满我的桌子。我将边距设置为 0，并将@page边距设置为 0。但它仍然没有。我也增加了我的table th仍然的大小，它不占用我截屏的正确空间，我放了红色阴影。

这是屏幕截图：

这是我的CSS：

我在玩这个时遇到了一些奇怪的事情。在 Firefox 中，当标题内的 div 高度超过 252px 时，标题不会重复。尝试使用 Chrome，问题发生在大约 262 像素处。有没有人遇到过这个？有没有办法忽略或重置此限制？

我正在研究打印 CSS。我想做的是隐藏放置在每个页面上的页面标题/编号，并为每个页面添加一些顶部填充。为了摆脱我正在使用的页面标题/编号margin:0;，效果很好，但padding-top:30px;似乎无法正常工作。

仅当从 Chrome（版本 64）打印提示中选择物理打印机作为我的目的地时，我才会遇到以下问题。我在容器的顶部和底部有一个渐变，文本位于顶部。

-webkit-print-color-adjust: exact;我尝试了在@media print CSS 下 设置（和删除）以及background:transparent;对元素进行设置，但两者都不起作用。

当我选择“另存为 PDF”时，一切看起来都很好，只有在从打印提示直接打印到打印机时才会这样做。

它应该看起来如何：

它实际上看起来如何（我知道它的打印颜色较暗，真正的问题是文本背景在它后面的渐变中燃烧）

更新：使用 Chrome 57 或 60 时不会出现此问题，因此这绝对是较新的 Chrome 版本（63 和 64）的问题

因为我使用的是 Angular，所以我有一个迭代组件/div。我还想在单独的债券纸中打印迭代的 div。但是当我尝试打印它时，它只显示第一页

这是我的 HTML

如您所见app-print-workrec，它被调用了两次。由于它被调用两次，因此也应该有 2 张证券纸。但在我的 CSS 中，只有第 1 页显示打印功能何时运行。这是我的 CSS

这是打印输出的图像：（应该有 2 页）

你如何解决这个问题？

一位客户需要从他的网站生成小册子。如果他打印他的网站，则需要以特定布局的纸张打印，需要删除一些部分，需要修改一些部分。

我正在使用 bootstrap 4，并且我创建了带有 media="print" 属性的单独的 css 'print.css'。但问题是我无法按照我的要求进行布局。

它是这样显示的：

当我使用引导程序并在属性中使用 media="all" 时，它也应该布局我的网站以供打印。不是吗？我对此非常初学者，无法找到解决此问题的方法。

打印时还有默认标题和 URL。我可以删除它们吗？

任何帮助，将不胜感激。

我有一个在表格中生成一些数据的应用程序，每个单元格都有特定的背景颜色和文本颜色组合，由其属性给出。

代码很简单：

现在我需要实现一个打印视图，所以只打印一些元素，但我的主要问题是我需要打印颜色，它们很重要，为此我通常总是!important在 css 规则中添加一个，它会得到打印。

但是这一次，我有 ng-style 赋予颜色，那么我到底如何在!importantng-style 中添加呢？

我试过了：lt.backgroundColor+""+"!important"但它不起作用，

地狱，即使ng-style='{"background-color": "#000 !important"....} 是工作，只有当我删除 !important 像：

只留下十六进制代码，它正确显示在打印视图中，

任何解决方案？

我承认，在这一点上我很生气 ie！似乎无论我的 print.css 文件中的 css 是什么，都不想将其应用于 ie。

我的样式表在 chrome、safari 和 firefox 中运行良好，但不是 ie。

看起来像这样的基础结构

我的css链接看起来像这样

有什么特别的东西，即我缺少的东西吗？我尝试添加“替代”以查看是否可行，但事实并非如此。

有什么方法可以使用 CSS 来限制要打印的页数？

例如，我有一个 2 页长的 HTML 模板，动态填充了我数据库中的特定字段。如果有任何原因导致内容包装到第 3 页，我仍然只希望它打印在 2 页上，并省略第 3 页。

我正在查看规则，认为我可以使用伪选择器做一些事情，@page但它似乎只支持:first,:last和.:left:right

有任何想法吗？

我用我的自定义 css 创建了简单的 html 页面。但在打印模式 (ctrl+p) 时，预览不显示 css 并获取仅包含 html 元素的内容。

我用过media="all"但不能工作，我该怎么办？