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 原型与继承说明
Jun 09 Javascript
extjs render 用法介绍
Sep 11 Javascript
JavaScript中字符串拼接的基本方法
Jul 07 Javascript
最佳的JavaScript错误处理实践
Jul 16 Javascript
又一枚精彩的弹幕效果jQuery实现
Jul 25 Javascript
js判断浏览器是否支持严格模式的方法
Oct 04 Javascript
微信小程序 scroll-view组件实现列表页实例代码
Dec 14 Javascript
JQuery ZTree使用方法详解
Jan 07 Javascript
Angular2 父子组件数据通信实例
Jun 22 Javascript
jquery将信息遍历到界面上实例代码
Jan 21 jQuery
javascript+css实现俄罗斯方块小游戏
Jun 28 Javascript
抖音短视频(douyin)去水印工具的实现代码
Mar 30 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 5.4 你必须要知道的
2013/08/07 PHP
成为好程序员必须避免的5个坏习惯
2014/07/04 PHP
FastCGI 进程意外退出造成500错误
2015/07/26 PHP
分享ThinkPHP3.2中关联查询解决思路
2015/09/20 PHP
Zend Framework教程之配置文件application.ini解析
2016/03/10 PHP
基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能
2017/02/24 PHP
php查询内存信息操作示例
2019/05/09 PHP
jquery 指南/入门基础
2007/11/30 Javascript
超越Jquery_01_isPlainObject分析与重构
2010/10/20 Javascript
jQuery实现的兼容性浮动层示例
2016/08/02 Javascript
js仿微信语音播放实现思路
2016/12/12 Javascript
JavaScript实现三级级联特效
2017/11/05 Javascript
JavaScript实现元素滚动条到达一定位置循环追加内容
2017/12/28 Javascript
Vue使用mixins实现压缩图片代码
2018/03/14 Javascript
使用Vue.observable()进行状态管理的实例代码详解
2019/05/26 Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
2019/11/11 Javascript
Vue作用域插槽实现方法及作用详解
2020/07/08 Javascript
vue3.0 上手体验
2020/09/21 Javascript
Python ldap实现登录实例代码
2016/09/30 Python
Python多线程经典问题之乘客做公交车算法实例
2017/03/22 Python
微信小程序跳一跳游戏 python脚本跳一跳刷高分技巧
2018/01/04 Python
python排序函数sort()与sorted()的区别
2018/09/18 Python
DJANGO-URL反向解析REVERSE实例讲解
2019/10/25 Python
Python文件路径名的操作方法
2019/10/30 Python
PyInstaller将Python文件打包为exe后如何反编译(破解源码)以及防止反编译
2020/04/15 Python
Python如何使用正则表达式爬取京东商品信息
2020/06/01 Python
python 爬虫请求模块requests详解
2020/12/04 Python
快速一键生成Python爬虫请求头
2021/03/04 Python
瑞典的玛丽小姐:Miss Mary of Sweden
2019/02/13 全球购物
aden + anais英国官网:美国婴儿贴身用品品牌
2019/09/08 全球购物
安全生产网格化管理实施方案
2014/03/01 职场文书
医学生求职信
2014/07/01 职场文书
七一建党节演讲稿
2014/09/11 职场文书
党的群众路线教育实践活动党员个人整改措施
2014/10/27 职场文书
期末个人总结范文
2015/02/13 职场文书
2016年圣诞节寄语(一句话)
2015/12/07 职场文书