JS 打印界面的CSS居中代碼適用所有瀏覽器
更新時(shí)間:2014年03月19日 15:55:53 作者:
這篇文章主要介紹了JS 打印界面的CSS居中代碼,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
function preview(oper) {
if (oper < 10) {
bdhtml = window.document.body.innerHTML;//獲取當(dāng)前頁的html代碼
sprnstr = "<!--startprint" + oper + "-->";//設(shè)置打印開始區(qū)域
eprnstr = "<!--endprint" + oper + "-->";//設(shè)置打印結(jié)束區(qū)域
prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //從開始代碼向后取html
prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));//從結(jié)束代碼向前取html
window.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%;
}
<div id=”outer”>
<div id=”middle”>
<div id=”inner”>
<!–這里是要垂直居中的內(nèi)容–>
</div>
</div>
</div>
相關(guān)文章
JavaScript canvas復(fù)刻蘋果發(fā)布會(huì)環(huán)形進(jìn)度條
canvas 真是一個(gè)好東西,它給前端插上了想象的翅膀,伴隨著 h5 而來,將 web 代入了新的領(lǐng)域。本文將利用anvas復(fù)刻蘋果發(fā)布會(huì)環(huán)形進(jìn)度條,感興趣的可以嘗試一下2022-07-07javascript中關(guān)于&& 和 || 表達(dá)式的小技巧分享
我將會(huì)介紹和解析12個(gè)簡(jiǎn)單但是強(qiáng)大的JavaScript技巧. 這些技巧所有的JavaScript程序員都可以馬上使用, 你不需要成為JavaScript高手才能理解這些.下面我們開始本系列的第一篇文章,介紹下強(qiáng)大的&& 和 || 表達(dá)式2015-04-04Bootstrap選項(xiàng)卡動(dòng)態(tài)切換效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap選項(xiàng)卡動(dòng)態(tài)切換效果,點(diǎn)擊登錄和注冊(cè)可以實(shí)現(xiàn)任意切換,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11微信小程序?qū)崿F(xiàn)收藏與取消收藏切換圖片功能
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)收藏與取消收藏切換圖片功能,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-08-08javascript 極速 隱藏/顯示萬行表格列只需 60毫秒
隱藏表格列 這種方式的效率極低。例如,隱藏一個(gè)千行表格的某列,在我的筆記本(P4 M 1.4G,768M內(nèi)存)上執(zhí)行需要約 4000毫秒的時(shí)間,令人無法忍受。2009-03-03微信小程序網(wǎng)絡(luò)請(qǐng)求模塊封裝的具體實(shí)現(xiàn)
大家做小程序項(xiàng)目的時(shí)候肯定會(huì)遇到數(shù)據(jù)對(duì)接需求,下面這篇文章主要給大家介紹了關(guān)于微信小程序網(wǎng)絡(luò)請(qǐng)求模塊封裝的具體實(shí)現(xiàn),文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03