CSS/HTML/Javascript技巧打印没有图像的网页

我正在尝试在网页上放置一个打印按钮，该按钮将打印除图像以外的网页内容。有什么想法吗？

无需使用按钮，除非您想让人们选择打印图像或不打印图像

如果您只是希望人们打印时不使用图像（大多数情况下这是首选），那么您可以使用打印样式表

然后加上

---

img{display:none；}

您只能在打印时使用CSS禁用网站上的所有图像

@media print {
  img {
    display: none !important;
  }

  * {
    background-image: none !important;
  }
}

---

您可以使用打印媒体的样式表，并制定如下规则

img { visibility:hidden; }

---

您也可以使用

display:none

作为图像规则，但这不会保留间距，并且可能会完全更改打印页面的布局。

您需要打印样式表。有两种选择：

使用以下代码引用单独的样式表：

在该样式表中，放置以下内容：

img {
    display: none;
}

将以下内容放在主样式表中：

@media print {
    img {
      display: none;
}

---

将

背景图像

设置为

无

有效，而

显示：无

不起任何作用，

可见性：隐藏

将使用图像尺寸在页面上创建空白部分。

@media print {
    img {
      display: none;
}