代码之家 › 专栏 › 技术社区 › Andrew Parks

CSS媒体:打印-将图像裁剪为页面大小

printing css

Andrew Parks · 技术社区 · 1 年前

我有一组图片,它们是网页的全页截图。他们可能很高。

我想创建一个包含这些图像的HTML页面,以便打印出这些屏幕截图。

我希望每个打印页面最多显示一个屏幕截图。每个图像的宽度应该是固定的。

如果图像比打印的页面高,则应该对其进行裁剪,以便只显示屏幕截图的最顶部区域。裁剪丢弃的区域根本不应打印(即,任何图像都不应跨越多个打印页面)。

这可能与CSS有关吗?

1 回复 | 直到 1 年前

Nithyasarathi 1 年前

你可以通过使用一些CSS技巧,为你的高屏幕截图制作一个打印友好的HTML页面。使用 @media print 使风格成为印刷品的规则。设置 page-break-before 属性到 always 以确保每个图像都出现在自己的页面上。指定固定宽度的图层图像,并将高度设置为打印的页面高度。如果你的图片比页面高,它们会被裁剪,只会显示最上面的部分。这样,就不会有图像溢出多个页面。利用宽度、高度和 object-fit 属性以获得您想要的外观。

推荐文章

SapereAude · 在Python中,为什么numpy数组的预分配无法限制其打印精度?

10 月前

BTO · Python Print()函数问题-在同一行上重复打印值

11 月前

Julian Wu · Risc-V环打印一个元件

1 年前

Yibran · 如何打印此功能的产品?

1 年前

Rahul Soni · 如何获取EMF文件?在windows打印环境中

1 年前

Rougejupiter · 我不明白你为什么用退货代替打印[副本]

1 年前

Emunael Lator · 当默认设置限制为A4时,如何在A2或更大的纸张上打印LibreOffice Calc文档?

1 年前

SirSiranimus · 有没有一种方法可以用自己编写的代码在打印机上执行任务(如扫描)?关闭

1 年前

JPnAZ · Python main()无法识别返回值

1 年前

Andrew Parks · CSS媒体:打印-将图像裁剪为页面大小

1 年前