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-Mozilla和IE中的一个函数直接量的问题分析
Aug 12 Javascript
Array, Array Constructor, for in loop, typeof, instanceOf
Sep 13 Javascript
页面装载js及性能分析方法介绍
Mar 21 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
Jul 21 Javascript
谈谈对offsetleft兼容性的理解
Nov 11 Javascript
完全深入学习Bootstrap表单
Nov 28 Javascript
实例解析Array和String方法
Dec 14 Javascript
使用mint-ui开发项目的一些心得(分享)
Sep 07 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
Sep 18 Javascript
详解JSONObject和JSONArray区别及基本用法
Oct 25 Javascript
Node.js 多进程处理CPU密集任务的实现
May 26 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
Oct 30 Javascript
兼容所有浏览器的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
apache+php+mysql安装配置方法小结
2010/08/01 PHP
php cookie中点号(句号)自动转为下划线问题
2014/10/21 PHP
PHP伪造来源HTTP_REFERER的方法实例详解
2015/07/06 PHP
PHP图像识别技术原理与实现
2016/10/27 PHP
PHP实现图片批量打包下载功能
2017/03/01 PHP
Laravel中如何增加自定义全局函数详解
2017/05/09 PHP
php定期拉取数据对比方法实例
2019/09/22 PHP
javascript 有趣而诡异的数组
2009/04/06 Javascript
简单的jquery左侧导航栏和页面选中效果
2014/08/21 Javascript
JS设置cookie、读取cookie、删除cookie
2015/04/17 Javascript
学习JavaScript设计模式之享元模式
2016/01/18 Javascript
很全面的JavaScript常用功能汇总集合
2016/01/22 Javascript
js 判断一组日期是否是连续的简单实例
2016/07/11 Javascript
js实现四舍五入完全保留两位小数的方法
2016/08/02 Javascript
vue toggle做一个点击切换class(实例讲解)
2018/03/13 Javascript
webpack file-loader和url-loader的区别
2019/01/15 Javascript
个人小程序接入支付解决方案
2019/05/23 Javascript
微信小程序canvas绘制圆角base64图片的实现
2019/08/18 Javascript
python flask 多对多表查询功能
2017/06/25 Python
python实现自主查询实时天气
2018/06/22 Python
对python实现模板生成脚本的方法详解
2019/01/30 Python
Python处理时间日期坐标轴过程详解
2019/06/25 Python
Pytorch中.new()的作用详解
2020/02/18 Python
Python自动创建Excel并获取内容
2020/09/16 Python
解决pycharm不能自动保存在远程linux中的问题
2021/02/06 Python
Python爬取网站图片并保存的实现示例
2021/02/26 Python
Android面试题附答案
2014/12/08 面试题
优质的学校老师推荐信
2013/10/28 职场文书
教师求职自荐信
2014/03/09 职场文书
聚美优品的广告词
2014/03/14 职场文书
群众路线批评与自我批评发言稿
2014/10/16 职场文书
社区端午节活动总结
2015/02/11 职场文书
学生检讨书范文
2019/06/24 职场文书
Python中zipfile压缩包模块的使用
2021/05/14 Python
java中重写父类方法加不加@Override详解
2021/06/21 Java/Android
zabbix配置nginx监控的实现
2022/05/25 Servers