Chrome效果很好,但我在IE和FireFox(尤其是)上打印样式时遇到了问题。
我已经浏览了很多论坛帖子,我知道这可能很简单。
function printMe() {
printCSS = new String ('<link href="/a/b/file.css" rel="stylesheet" media="print" type="text/css">')
window.frames["print_frame"].document.body.innerHTML=printCSS + document.getElementById('div').innerHTML;
window.frames["print_frame"].window.focus();
window.frames["print_frame"].window.print();
window.frames["print_frame"].window.document.close();
}
<div class="print-button"><input id="btnSubmit" type="submit" value="Print" class='print-btn' onclick="printMe();" /></div>
@media print {
.page-break{
page-break-after: always;
}
.print-button{
display: none !important;
}
}