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

Question

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

我的问题是否有任何解决方案

Answer 1

使用CSS媒体类型

这样的事情：

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

Answer 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();