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 相关文章推荐
用js 让图片在 div或dl里 居中,底部对齐
Jan 21 Javascript
通过修改referer下载文件的方法
May 11 Javascript
IE6/7/8中Option元素未设value时Select将获取空字符串
Apr 07 Javascript
读jQuery之三(构建选择器)
Jun 11 Javascript
深入分析js中的constructor和prototype
Apr 07 Javascript
Jquery 数组操作大全个人总结
Nov 13 Javascript
jquery制作搜狐快站页面效果示例分享
Feb 21 Javascript
跟我学习javascript的Date对象
Nov 19 Javascript
Javascript单例模式的介绍和实例
Oct 08 Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
Nov 18 Javascript
JS中微信小程序自定义底部弹出框
Dec 22 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
Nov 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 Oauth授权和本地加密实现方法
2016/08/12 PHP
Zend Framework框架实现类似Google搜索分页效果
2016/11/25 PHP
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
2010/10/18 Javascript
jquery下异步提交表单 异步跨域提交表单
2010/11/17 Javascript
js获取字符串最后一位方法汇总
2014/11/13 Javascript
jquery中animate的stop()方法作用实例分析
2015/01/30 Javascript
jQuery中noconflict函数的实现原理分解
2015/02/03 Javascript
js输出数据精确到小数点后n位代码
2016/07/02 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
2017/03/17 Javascript
js中关于Blob对象的介绍与使用
2019/11/29 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
2019/12/02 Javascript
详解Vue 的异常处理机制
2020/11/30 Vue.js
Vue中ref和$refs的介绍以及使用方法示例
2021/01/11 Vue.js
在Python的Django框架中显示对象子集的方法
2015/07/21 Python
Python实现按学生年龄排序的实际问题详解
2017/08/29 Python
PyQt5每天必学之组合框
2018/04/20 Python
python使用pymongo操作mongo的完整步骤
2019/04/13 Python
python制作图片缩略图
2019/04/30 Python
python文件操作的简单方法总结
2019/11/07 Python
python实现人性化显示金额数字实例详解
2020/09/25 Python
Django模板报TemplateDoesNotExist异常(亲测可行)
2020/12/18 Python
CSS3实现可翻转的hover效果
2018/05/23 HTML / CSS
W Hamond官网:始于1979年的钻石专家
2020/07/20 全球购物
东方红海科技面试题软件测试方面
2012/02/08 面试题
客户代表实习人员自我鉴定
2013/09/27 职场文书
计算机毕业大学生推荐信
2013/12/01 职场文书
餐饮总经理岗位职责
2014/03/07 职场文书
师范生求职信
2014/06/14 职场文书
志愿者活动总结报告
2014/06/27 职场文书
七一党日活动总结
2014/07/08 职场文书
钳工实训报告总结
2014/11/04 职场文书
先进基层党组织事迹材料
2014/12/25 职场文书
父亲节寄语大全
2015/02/27 职场文书
工程主管竞聘书
2015/09/15 职场文书
MySQL自定义函数及触发器
2022/08/05 MySQL
java获取一个文本文件的编码(格式)信息
2022/09/23 Java/Android