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


Posted in Javascript onMarch 19, 2014
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中的void运算符语法及使用介绍
Mar 10 Javascript
有关javascript的性能优化 (repaint和reflow)
Apr 12 Javascript
jquery 获取表单元素里面的值示例代码
Jul 28 Javascript
jQuery中.live()方法的用法深入解析
Dec 30 Javascript
node.js不得不说的12点内容
Jul 14 Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
Oct 17 Javascript
JS判断客服QQ号在线还是离线状态的方法
Jan 13 Javascript
js实现仿MSN带关闭功能的右下角弹窗代码
Sep 04 Javascript
layDate日期控件使用方法详解
Nov 15 Javascript
JavaScript实现无限级递归树的示例代码
Mar 29 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
Jul 20 Javascript
Vue vee-validate插件的简单使用
Jun 22 Vue.js
兼容所有浏览器的js复制插件Zero使用介绍
Mar 19 #Javascript
javascript + jquery实现定时修改文章标题
Mar 19 #Javascript
深入理解Javascript里的依赖注入
Mar 19 #Javascript
js判断字符长度及中英文数字等
Mar 19 #Javascript
引入autocomplete组件时JS报未结束字符串常量错误
Mar 19 #Javascript
写出高效jquery代码的19条指南
Mar 19 #Javascript
JavaScript调试技巧之console.log()详解
Mar 19 #Javascript
You might like
php异常处理使用示例
2014/02/25 PHP
WordPress中缩略图的使用以及相关技巧
2015/11/24 PHP
php微信开发之关注事件
2018/06/14 PHP
基于PHP实现发微博动态代码实例
2020/12/11 PHP
跟我学Nodejs(二)--- Node.js事件模块
2014/05/21 NodeJs
js内置对象处理_打印学生成绩单的简单实现
2016/09/24 Javascript
基于node.js之调试器详解
2017/08/22 Javascript
JavaScript函数绑定用法实例分析
2017/11/14 Javascript
浅谈Angularjs中不同类型的双向数据绑定
2018/07/16 Javascript
VUE安装使用教程详解
2019/06/03 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
2019/11/14 Javascript
JQuery事件冒泡和默认行为代码实例
2020/05/13 jQuery
javascript实现京东登录显示隐藏密码
2020/08/02 Javascript
Js实现粘贴上传图片的原理及示例
2020/12/09 Javascript
[35:34]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python写的一个简单DNS服务器实例
2014/06/04 Python
django开发之settings.py中变量的全局引用详解
2017/03/29 Python
Python连接phoenix的方法示例
2017/09/29 Python
python一行sql太长折成多行并且有多个参数的方法
2018/07/19 Python
django 邮件发送模块smtp使用详解
2019/07/22 Python
python中open函数的基本用法示例
2019/09/07 Python
windows下Python安装、使用教程和Notepad++的使用教程
2019/10/06 Python
python闭包、深浅拷贝、垃圾回收、with语句知识点汇总
2020/03/11 Python
python使用建议技巧分享(三)
2020/08/18 Python
应届大学毕业生找工作的求职信范文
2013/11/29 职场文书
测控技术与通信工程毕业生自荐信范文
2013/12/28 职场文书
《这儿真好》教学反思
2014/02/22 职场文书
手机被没收检讨书
2014/02/22 职场文书
毕业生自荐信如何写
2014/03/24 职场文书
品德评语大全
2014/05/05 职场文书
2014年十一国庆节爱国演讲稿
2014/09/23 职场文书
大学生毕业评语
2014/12/31 职场文书
导游词之南昌滕王阁
2019/11/29 职场文书
redis使用不当导致应用卡死bug的过程解析
2021/07/01 Redis
MyBatis自定义SQL拦截器示例详解
2021/10/24 Java/Android
Python序列化模块JSON与Pickle
2022/06/05 Python