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

Question

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

有没有解决我的问题

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