JS 打印界面的CSS居中代碼適用所有瀏覽器
更新時間：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án)形進度條
canvas 真是一個好東西，它給前端插上了想象的翅膀，伴隨著 h5 而來，將 web 代入了新的領(lǐng)域。本文將利用anvas復(fù)刻蘋果發(fā)布會環(huán)形進度條，感興趣的可以嘗試一下2022-07-07
這篇文章主要為大家詳細(xì)介紹了cropperjs實現(xiàn)裁剪圖片功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
javascript中關(guān)于&& 和 || 表達式的小技巧分享
我將會介紹和解析12個簡單但是強大的JavaScript技巧. 這些技巧所有的JavaScript程序員都可以馬上使用, 你不需要成為JavaScript高手才能理解這些.下面我們開始本系列的第一篇文章，介紹下強大的&& 和 || 表達式2015-04-04
這篇文章主要為大家詳細(xì)介紹了Bootstrap選項卡動態(tài)切換效果，點擊登錄和注冊可以實現(xiàn)任意切換,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
簡單的使用echarts不難,但是在小程序里用echarts可能有些理不清。所以這篇文章主要給大家介紹了關(guān)于微信小程序基礎(chǔ)教程之echart使用的相關(guān)資料,需要的朋友可以參考下2021-06-06
微信小程序?qū)崿F(xiàn)收藏與取消收藏切換圖片功能
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)收藏與取消收藏切換圖片功能,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-08-08
本文主要介紹了uniapp如何動態(tài)獲取接口域名，感興趣的同學(xué)，可以參考下，并且試驗一下。2021-06-06
javascript 極速 隱藏/顯示萬行表格列只需 60毫秒
隱藏表格列 這種方式的效率極低。例如，隱藏一個千行表格的某列，在我的筆記本（P4 M 1.4G，768M內(nèi)存）上執(zhí)行需要約 4000毫秒的時間，令人無法忍受。2009-03-03
微信小程序網(wǎng)絡(luò)請求模塊封裝的具體實現(xiàn)
大家做小程序項目的時候肯定會遇到數(shù)據(jù)對接需求,下面這篇文章主要給大家介紹了關(guān)于微信小程序網(wǎng)絡(luò)請求模塊封裝的具體實現(xiàn),文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
這篇文章主要為大家介紹了JS如何處理可視區(qū)域圖片懶加載技巧詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06