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 相关文章推荐
jQuery实现带延迟的二级tab切换下拉列表效果
Sep 01 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
Nov 03 Javascript
超漂亮的jQuery图片轮播特效
Nov 24 Javascript
jQuery处理XML文件的几种方法
Jun 14 Javascript
js基本算法:冒泡排序,二分查找的简单实例
Oct 08 Javascript
javascript基本数据类型及类型检测常用方法小结
Dec 14 Javascript
基于require.js的使用(实例讲解)
Sep 07 Javascript
手把手教你使用TypeScript开发Node.js应用
May 06 Javascript
简单了解JavaScript中的执行上下文和堆栈
Jun 24 Javascript
vue获取data数据改变前后的值方法
Nov 07 Javascript
vue中英文切换实例代码
Jan 21 Javascript
mpvue 项目初始化及实现授权登录的实现方法
Jul 20 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
十天学会php之第九天
2006/10/09 PHP
mysql 中InnoDB和MyISAM的区别分析小结
2008/04/15 PHP
PHP is_subclass_of函数的一个BUG和解决方法
2014/06/01 PHP
PHP统计目录大小的自定义函数分享
2014/11/18 PHP
19个Android常用工具类汇总
2014/12/30 PHP
javascript之大字符串的连接的StringBuffer 类
2007/05/08 Javascript
javascript网页关闭时提醒效果脚本
2008/10/22 Javascript
JS判断字符串字节数并截取长度的方法
2016/03/05 Javascript
使用Dropzone.js上传的示例代码
2017/10/10 Javascript
详细分析单线程JS执行问题
2017/11/22 Javascript
浅谈vue的几种绑定变量的值 防止其改变的方法
2018/03/01 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
2018/03/15 Javascript
openlayers4实现点动态扩散
2020/08/17 Javascript
详解JavaScript中new操作符的解析和实现
2020/09/04 Javascript
JS实现无限轮播无倒退效果
2020/09/21 Javascript
[01:32]TI奖金增速竟因它再创新高!DOTA2勇士令状不朽珍藏Ⅰ饰品欣赏
2018/05/18 DOTA
[02:02:38]VG vs Mineski Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
Python去掉字符串中空格的方法
2014/03/11 Python
python3.3使用tkinter开发猜数字游戏示例
2014/03/14 Python
python使用电子邮件模块smtplib的方法
2016/08/28 Python
非递归的输出1-N的全排列实例(推荐)
2017/04/11 Python
python检测空间储存剩余大小和指定文件夹内存占用的实例
2018/06/11 Python
python递归法解决棋盘分割问题
2019/07/17 Python
python 修改本地网络配置的方法
2019/08/14 Python
Python 解析简单的XML数据
2020/07/24 Python
CSS中垂直居中的简单实现方法
2015/07/06 HTML / CSS
美国最流行的男士时尚网站:Touch of Modern
2018/02/05 全球购物
房地产管理毕业生自荐信
2013/11/04 职场文书
致共产党员倡议书
2014/04/16 职场文书
高中语文课后反思
2014/04/27 职场文书
私用公车造成事故检讨书
2014/11/16 职场文书
2014年度思想工作总结
2014/11/27 职场文书
2014年加油站工作总结
2014/12/04 职场文书
2015感人爱情寄语
2015/02/26 职场文书
项目技术负责人岗位职责
2015/04/13 职场文书
python操作xlsx格式文件并读取
2021/06/02 Python