问题标签 [css-print]

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 投票
3 回答
2150 浏览

css - 如何在引导程序上使表格边框变黑以进行打印

我想打印我的页面,其中有表格。当我打印它时,它总是更改为引导程序默认颜色。我正在使用 ctrl+p / cmd+p 进行打印。我正在使用引导程序 4 和 laravel 5.7

我试过用!important;还是不行

我的 CSS

我的桌子

0 投票
0 回答
741 浏览

html - 在使用 CSS 打印媒体时将多个页面放入一页中

我想通过使用 CSS 媒体打印缩小它们在一页中打印多页,例如 2(每个 50%)或 4(每个 25%)页面。我只能在打印时看到诸如更改页面设置之类的选项,但我不希望这样。任何人都可以提出一些建议。

http://a-pdf.com/faq/i/combine-defined-pdf-pages-into-one-page-mode-ab.png

0 投票
0 回答
56 浏览

html - 在 Internet Explorer 中运行时,页脚未出现在 Chrome 中

在 CSS 媒体打印中,我希望所有页面中都出现两个页眉和两个页脚。我在这里编写了代码,它在 IE 中打印时工作正常,但在 Chrome 中,“文本中的页脚”没有出现在前两页中。它只显示在最后一页。我还需要进行什么更正才能在 chrome 中正确打印。

0 投票
1 回答
95 浏览

css - 打印时如何防止子div扩展到父级之外

我正在尝试将 html 页面格式化为法庭诉状,需要在 8.5 x 11 的纸上整齐地打印。我希望将其指定为 HTML,但是当我进行打印时,包含内容的容器会扩展到正文之外。

我尝试为容器设置一个特定的宽度以匹配主体,但这没有奏效。

我用 HTML 和 CSS 创建了一个小提琴:

在这里看小提琴

这是 BODY 和 CONTAINER 的 CSS:

如果您单击结果底部的“打开打印预览”文本,然后尝试打印,您可以在 Chrome 的打印预览窗口中看到文档的变化情况。

此应用程序旨在专门在 Chrome 中运行。我正在尝试生成一个类似于以下内容的文档,其中灰色的细线表示页面的边缘:

在此处输入图像描述

0 投票
0 回答
489 浏览

html - 目标计数器不适用于 css 打印目录页

我有一个网页,我正在将其转换为 PDF,几乎所有内容都按我的意愿工作,但是由于某种原因如下:

不为给定的文档 href 创建预期的虚线,后跟页码。

我不认为这是页面布局的问题,因为如果我这样做

这些点被添加到每个链接的末尾。领导者或目标计数器似乎都无法单独工作。

该列表如下所示:

关于为什么会出现这种情况的任何想法?

0 投票
2 回答
1832 浏览

html - 我的网页上缺少 chrome 打印布局和更多设置

我正在开发一个 Web 应用程序并且我使用的是 Angular 7,我没有使用任何特定的 css 作为页面,但是当我要打印一个网页时,chrome print 中的更多设置不可用并且丢失为如下图所示:

在此处输入图像描述

但是在我看到的互联网上的每个其他页面中,都存在更多设置和布局,我希望它如下图所示:

在此处输入图像描述

为什么它只隐藏在我的网页中?

0 投票
1 回答
251 浏览

html - 为什么我的网页打印出额外的空白页?

我不知道为什么我的 html 文档打印了一个额外的空白页。

我尝试缩小内容并增加打印页面的边距,但无济于事。

该文档应该只生成一个打印页,但它正在生成第二个空白页。

这是应用程序的链接:https ://wesleyhedrick.github.io/DragandDrop/draganddrop.html

0 投票
1 回答
59 浏览

css-paged-media - 使用 CSS Paged Media,是否可以将块元素“粘贴”或绝对定位到页面的顶部或底部?

在分页媒体的 CSS 规范中,有没有办法将块元素“粘贴”到打印页面的顶部或底部,并让文本围绕它流动?

我有一些与其他 HTML 内联的图像块(该块是一个包含图像和标题 DIV 的 DIV)。问题是它们太高了——其中一些只有半页高。如果页面上没有足够的剩余空间供他们使用,他们将移至下一页,在前一页上留下大量空白。

我希望能够将它们绝对定位到他们调用的任何页面的顶部或底部,并让文本继续围绕它们。

0 投票
1 回答
291 浏览

css - 带有打印媒体的 CSS 包含在 PageSpeed Insights“未使用的 CSS”中

我正在使用 Google PageSpeed Insights,并且在“删除未使用的 CSS”下出现一个问题我正在为打印媒体使用单独的 css:

显然,PageSpeed Insights 建议应该删除它,因为它没有被使用(当然)。 在此处输入图像描述

如果我删除链接标签,我的分数会增加大约 5 分。

为什么它甚至被加载?在页面上有 print-css 并且仍然在 PageSpeed Insights 上保持良好分数的最佳做法是什么?

0 投票
1 回答
507 浏览

css - CSS 打印重复内容

我一直在尝试为组件创建自定义样式并且它需要打印,问题是我想要打印的任何内容都是重复的。

我试图在 codepen 中重新创建,但我无法做到。

这是我添加到 css 打印的内容: