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

2014-03-19 42

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文章

利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
Jul 24 38
实用的Jquery选项卡TAB示例代码
Aug 28 38
ExtJS判断IE浏览器类型的方法
Feb 10 45
javascript常用方法汇总
Dec 02 132
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
Oct 30 38
在AngularJS中如何使用谷歌地图把当前位置显示出来
Jan 25 45
javascript设计模式之模块模式学习笔记
Feb 15 37
手机访问当前页面