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函数绑定
Aug 18 Javascript
js函数定时器实现定时读取系统实时连接数
Apr 30 Javascript
js数组与字符串的相互转换方法
Jul 09 Javascript
JavaScript设置body高度为浏览器高度的方法
Feb 09 Javascript
jQuery使用$.ajax提交表单完整实例
Dec 11 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
Sep 17 Javascript
网络传输协议(http协议)
Nov 18 Javascript
js最简单的双向绑定实例讲解
Jan 02 Javascript
详解VUE-地区选择器(V-Distpicker)组件使用心得
May 07 Javascript
深入浅析nuxt.js基于ssh的vue通用框架
May 21 Javascript
JavaScript数组排序的六种常见算法总结
Aug 18 Javascript
jquery实现简易验证插件封装
Sep 13 jQuery
兼容所有浏览器的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仿ZOL分页类代码
2008/10/02 PHP
php smarty模版引擎中的缓存应用
2009/12/02 PHP
关于php fread()使用技巧
2010/01/22 PHP
Yii框架获取当前controlle和action对应id的方法
2014/12/03 PHP
PHP+JS实现大规模数据提交的方法
2015/07/02 PHP
php 删除指定文件夹的实例讲解
2017/07/25 PHP
php打开本地exe程序,js打开本地exe应用程序,并传递相关参数方法
2018/02/06 PHP
php上传后台无法收到数据解决方法
2019/10/28 PHP
prototype1.4中文手册
2006/09/22 Javascript
JavaScript创建一个欢迎cookie弹出窗实现代码
2013/03/15 Javascript
验证码按回车不变解决方法
2013/03/29 Javascript
如何通过javascript操作web控件的自定义属性
2013/11/25 Javascript
浅析JavaScript中的typeof运算符
2013/11/30 Javascript
jquery取消选择select下拉框示例代码
2014/02/22 Javascript
jQuery回调函数的定义及用法实例
2014/12/23 Javascript
浅析jQuery 遍历函数,javascript中的each遍历
2016/05/25 Javascript
深入浅析JS的数组遍历方法(推荐)
2016/06/15 Javascript
JS实现HTML标签转义及反转义
2020/04/14 Javascript
JavaScript函数基础详解
2017/02/03 Javascript
nodejs学习笔记之路由
2017/03/27 NodeJs
vue-router 手势滑动触发返回功能
2018/09/30 Javascript
微信小程序实现的canvas合成图片功能示例
2019/05/03 Javascript
JavaScript中this的全面解析及常见实例
2019/05/14 Javascript
[01:29:17]RNG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
Django页面数据的缓存与使用的具体方法
2019/04/23 Python
对python 中class与变量的使用方法详解
2019/06/26 Python
python类中super() 的使用解析
2019/12/19 Python
matplotlib 使用 plt.savefig() 输出图片去除旁边的空白区域
2021/01/05 Python
用pushplus+python监控亚马逊到货动态推送微信
2021/01/29 Python
技术总监个人的自我评价范文
2013/12/18 职场文书
优秀员工自荐书
2013/12/19 职场文书
2014年转正工作总结
2014/11/08 职场文书
关于车尾的标语大全
2015/08/11 职场文书
《少年闰土》教学反思
2016/02/18 职场文书
Python pygame实现中国象棋单机版源码
2021/06/20 Python
Mysql Innodb存储引擎之索引与算法
2022/02/15 MySQL