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 相关文章推荐
来自qq的javascript面试题
Jul 24 Javascript
javascript实现左右控制无缝滚动
Dec 31 Javascript
JS拖拽组件学习使用
Jan 19 Javascript
基于jQuery实现select下拉选择可输入附源码下载
Feb 03 Javascript
javascript学习指南之回调问题
Apr 23 Javascript
jQueryUI DatePicker 添加时分秒
Jun 04 Javascript
EasyUI Pagination 分页的两种做法小结
Jul 09 Javascript
Javascript中引用类型传递的知识点小结
Mar 06 Javascript
layui选项卡效果实现代码
May 19 Javascript
微信小程序实现拖拽功能
Sep 26 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
Mar 10 Javascript
详解JVM系列之内存模型
Jun 10 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的输入输出流
2007/02/14 PHP
PHP中用正则表达式清除字符串的空白
2011/01/17 PHP
完美解决令人抓狂的zend studio 7代码提示(content Assist)速度慢的问题
2013/06/20 PHP
PHP has encountered a Stack overflow问题解决方法
2014/11/03 PHP
PHP 面向对象程序设计之类属性与类常量实现方法分析
2020/04/13 PHP
JavaScript 更严格的相等 [译]
2012/09/20 Javascript
JS打开层/关闭层/移动层动画效果的实例代码
2013/05/11 Javascript
利用JS进行图片的切换即特效展示图片
2013/12/03 Javascript
用html+css+js实现的一个简单的图片切换特效
2014/05/28 Javascript
javascript实现复制与粘贴操作实例
2014/10/16 Javascript
JS如何判断json是否为空
2016/07/06 Javascript
轮播图组件js代码
2016/08/08 Javascript
BootStrap入门教程(一)之可视化布局
2016/09/19 Javascript
微信小程序 欢迎页面的制作(源码下载)
2017/01/09 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
2017/09/12 Javascript
微信小程序request请求后台接口php的实例详解
2017/09/20 Javascript
vue 导航内容设置选中状态样式的例子
2019/11/01 Javascript
微信小程序 (地址选择1)--选取搜索地点并显示效果
2019/12/17 Javascript
vue2和vue3的v-if与v-for优先级对比学习
2020/10/10 Javascript
微信小程序开发数据缓存基础知识辨析及运用实例详解
2020/11/06 Javascript
[40:16]TFT vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
Python版的文曲星猜数字游戏代码
2013/09/02 Python
python中的hashlib和base64加密模块使用实例
2014/09/02 Python
Python中for循环和while循环的基本使用方法
2015/08/21 Python
Python3利用SMTP协议发送E-mail电子邮件的方法
2017/09/30 Python
python编程通过蒙特卡洛法计算定积分详解
2017/12/13 Python
Flask之请求钩子的实现
2018/12/23 Python
python实时检测键盘输入函数的示例
2019/07/17 Python
pygame实现五子棋游戏
2019/10/29 Python
Flask框架 CSRF 保护实现方法详解
2019/10/30 Python
Python交互环境下打印和输入函数的实例内容
2020/02/16 Python
python飞机大战游戏实例讲解
2020/12/04 Python
html5中使用hotcss.js实现手机端自适配的方法
2020/04/23 HTML / CSS
我的五年职业生涯规划
2014/01/23 职场文书
《放小鸟》教学反思
2014/04/20 职场文书
语文教育专业求职信
2014/06/28 职场文书