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實(shí)現(xiàn)將文本框的值插入指定位置的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)將文本框的值插入指定位置的方法,涉及javascript節(jié)點(diǎn)添加操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
javascript 限制輸入和粘貼(IE,firefox測(cè)試通過)
javascript 限制輸入和粘貼 IE和火狐2.x、火狐3.x下測(cè)試通過2008-11-11
這篇文章主要介紹了js中函數(shù)調(diào)用的兩種常用方法使用,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了javascript常用函數(shù)，15個(gè)常用函數(shù)，都具有很高的實(shí)用性，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了js獲取object類型里鍵值的方法,需要的朋友可以參考下2014-02-02
在JavaScript開發(fā)中,錯(cuò)誤處理是一個(gè)不可忽視的重要環(huán)節(jié),本文將深入探討JavaScript中的錯(cuò)誤處理機(jī)制,包括錯(cuò)誤的類型、捕獲與拋出錯(cuò)誤的方法,需要的可以參考下2024-10-10
js實(shí)現(xiàn)鼠標(biāo)拖拽多選功能示例
本篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)拖拽多選功能示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
擴(kuò)展Array對(duì)象，為其添加二分法查找功能,提高查找效率。2010-04-04
這篇文章主要介紹了discuz表情的JS提取方法,簡單分析了discuz中表情JS文件調(diào)用的原理與相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了JS傳值出現(xiàn)中文參數(shù)亂碼的解決方法,涉及javascript針對(duì)編碼的轉(zhuǎn)碼與解碼操作技巧,需要的朋友可以參考下2016-06-06