TA貢獻1811條經驗 獲得超4個贊
@media print {
body * {
visibility: hidden;
}
#section-to-print, #section-to-print * {
visibility: visible;
}
#section-to-print {
position: absolute;
left: 0;
top: 0;
}}displaydisplay:none
visibilitysection-to-print
TA貢獻1805條經驗 獲得超9個贊
<div id="printableArea">
<h1>Print me</h1></div><input type="button" onclick="printDiv('printableArea')" value="print a div!" />function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;}
TA貢獻1841條經驗 獲得超3個贊
class="noprint"display#printable.
<head>
<style type="text/css">
#printable { display: none; }
@media print {
#non-printable { display: none; }
#printable { display: block; }
}
</style></head><body>
<div id="non-printable">
Your normal page contents </div>
<div id="printable">
Printer version </div></body>舉報