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

2014-03-19 21

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

<div id=”outer”> 
<div id=”middle”> 
<div id=”inner”> 
<!?这里是要垂直居中的内容?> 
</div> 
</div> 
</div>
展开阅读全文

更多Javascript文章

javascript 日期时间函数(经典+完善+实用)
May 27 10
JQuery 学习笔记 选择器之一
Jul 23 22
JSON+HTML实现国家省市联动选择效果
May 18 30
js实现的简单radio背景颜色选择器代码
Aug 18 31
BootStrap与Select2使用小结
Feb 17 22
js判断PC端与移动端跳转
Dec 24 18
Vue项目组件化工程开发实践方案
Jan 09 18
手机访问当前页面