是否可以将打印机设置为仅在 CSS 中打印 1 页？

【问题标题】：Is it possible to set printer to print only 1 page in CSS?是否可以将打印机设置为仅在 CSS 中打印 1 页？
【发布时间】：2014-06-23 03:13:04
【问题描述】：

我有一个包含许多页面的 CSS 打印预览。我可以将打印机设置为自动打印第 1 页吗？

我的问题有什么解决办法

【问题讨论】：

在您的打印 css 中，您可以只对您不想打印的所有元素说 display: none。
实际上问题是有一个我不知道它来自哪里的现有页面。我查看了代码但仍然找不到它所以我决定将打印机设置为只打印第一页。

标签： css asp.net printing

【解决方案1】：

使用 CSS 媒体类型

类似这样的：

@media print {
    .class-you-want-to-hide {
        display:none;
    }
}

【讨论】：

【解决方案2】：

许多不同的方法来做到这一点。以下是一些：

解决方案 #1 - 使用 CSS 媒体

@media print {
  body * { //
    visibility: hidden; // Have everything except printsection hidden
  }
  #printsection * {
    visibility: visible; // Have printsection visible
  }
  #printsection {
    position: absolute;
    left: 0;
    top: 0;
  }
}

解决方案 #2 - JQuery

new = window.open();
new.document.write($('#printsection').html());
new.print();
new.close();

【讨论】：