JS 打印界面的CSS居中代码适用所有浏览器

点评：本文主要介绍了JS 打印界面的CSS居中代码,需要的朋友可以参考下！

复制代码 代码如下:

function preview(oper) { 

if (oper < 10) { 

bdhtml = window.document.body.innerHTML;//获取当前页的html代码 

sprnstr = "<!--startprint" + oper + "-->";//设置打印开始区域 

eprnstr = "<!--endprint" + oper + "-->";//设置打印结束区域 

prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html 

prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));//从结束代码向前取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%; 

} 

<p id=”outer”> 

<p id=”middle”> 

<p id=”inner”> 

<!–这里是要垂直居中的内容–> 

</p> 

</p> 

</p>