zl程序教程

您现在的位置是:首页 >  后端

当前栏目

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

JS浏览器CSS代码 所有 界面 打印 适用
2023-06-13 09:15:20 时间
复制代码代码如下:

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



<divid=”outer”>
<divid=”middle”>
<divid=”inner”>
<!?这里是要垂直居中的内容?>
</div>
</div>
</div>