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中判断一个元素下面是否有内容或者有某个标签的判断代码
Feb 02 Javascript
JS简单实现文件上传实例代码(无需插件)
Nov 15 Javascript
详解JavaScript中getFullYear()方法的使用
Jun 10 Javascript
AngularJS实现动态添加Option的方法
May 17 Javascript
Vue中父组件向子组件通信的方法
Jul 11 Javascript
Vue中正确使用jQuery的方法
Oct 30 jQuery
vue.js轮播图组件使用方法详解
Jul 03 Javascript
vue-cli项目无法用本机IP访问的解决方法
Sep 20 Javascript
Vue.js 中的实用工具方法【推荐】
Jul 04 Javascript
解决layer.open弹出框不能获取input框的值为空的问题
Sep 10 Javascript
Element Notification通知的实现示例
Jul 27 Javascript
javascript的var与let,const之间的区别详解
Feb 18 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
Fedora下安装php Redis扩展笔记
2014/09/03 PHP
phpmyadmin中禁止外网使用的方法
2014/11/04 PHP
Php-Redis安装测试笔记
2015/03/05 PHP
Thinkphp整合微信支付功能
2016/12/14 PHP
PHP实现驼峰样式字符串(首字母大写)转换成下划线样式字符串的方法示例
2017/08/10 PHP
ImageZoom 图片放大镜效果(多功能扩展篇)
2010/04/14 Javascript
Tab切换组件(选项卡功能)实例代码
2013/11/21 Javascript
JavaScript作用域与作用域链深入解析
2013/12/06 Javascript
推荐25个超炫的jQuery网格插件
2014/11/28 Javascript
JavaScript将数字转换成大写中文的方法
2015/03/23 Javascript
jQuery实现文本框输入同步的方法
2015/06/20 Javascript
javascript高级编程之函数表达式 递归和闭包函数
2015/11/29 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
2016/10/09 Javascript
seajs学习之模块的依赖加载及模块API的导出
2016/10/20 Javascript
JavaScript之DOM_动力节点Java学院整理
2017/07/03 Javascript
angular第三方包开发整理(小结)
2018/04/19 Javascript
JS中的模糊查询功能
2019/12/08 Javascript
基于JavaScript实现留言板功能
2020/03/16 Javascript
vue使用nprogress加载路由进度条的方法
2020/06/04 Javascript
Python中的is和==比较两个对象的两种方法
2017/09/06 Python
Python with语句上下文管理器两种实现方法分析
2018/02/09 Python
Python带动态参数功能的sqlite工具类
2018/05/26 Python
PyQt5的安装配置过程,将ui文件转为py文件后显示窗口的实例
2019/06/19 Python
Django使用list对单个或者多个字段求values值实例
2020/03/31 Python
Python爬虫代理池搭建的方法步骤
2020/09/28 Python
10个顶级Python实用库推荐
2021/03/04 Python
Chemist Warehouse官方海外旗舰店:澳洲第一连锁大药房
2017/08/25 全球购物
德国内衣、泳装和睡衣网上商店:Bigsize Dessous
2018/07/09 全球购物
英国奢侈品在线精品店:Hervia
2020/09/03 全球购物
求职推荐信范文
2013/12/01 职场文书
网络信息管理员岗位职责
2014/01/05 职场文书
银行服务感言
2014/03/01 职场文书
2015年售后服务工作总结
2015/04/25 职场文书
义卖募捐活动总结
2015/05/09 职场文书
家庭教育培训学习心得体会
2016/01/14 职场文书
《艾尔登法环》1.03.3补丁上线 碎星伤害调整
2022/04/06 其他游戏