首頁 >web前端 >js教程 >JS 列印介面的CSS居中程式碼適用所有瀏覽器_javascript技巧

JS 列印介面的CSS居中程式碼適用所有瀏覽器_javascript技巧

WBOY
WBOY原創
2016-05-16 16:55:141662瀏覽
複製程式碼 程式碼如下:

function preview(oper) {
if (oper bdhtml = window.document.body.innerHTML;//取得目前頁面的html程式碼
sprnstr = "";//設定列印開始區域
eprnstr = "";//設定列印結束區域
prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) 18); //從開始程式碼往後取html

prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));//從結束程式碼向前取html
window.document.body.innerHTML = prnhtml;
window.print(document.body.innerHTML = prnhtml;
window.print( );
window.document.body.innerHTML = bdhtml;
} else {
window.print();
}

}
#outer {
display:table;
height:400px;
#position:relative;
overflow:hidden;
}
#middle {
display:table-cell;
vertical- align:middle;
#position:absolute;
#top:50%;
}
#inner {
#position:relative;
#top:-50%;
}









陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn