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

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

WBOY
發布: 2016-05-16 16:55:14
原創
1660 人瀏覽過
複製程式碼 程式碼如下:

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%;
}









相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板