是否可以設置打印機在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();