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

2014-03-19 8

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

学习ExtJS Column布局
Oct 08 15
jQuery表单获取和失去焦点输入框提示效果的实例代码
Aug 01 8
javascript动态生成树形菜单的方法
Nov 14 10
JS原型、原型链深入理解
Feb 27 7
JS高阶函数原理与用法实例分析
Jan 15 7
解决vue 单文件组件中样式加载问题
Apr 24 7
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
Oct 21 8
手机访问当前页面