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 相关文章推荐
ExtJS 下拉多选框lovcombo
May 19 Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
Jan 07 Javascript
js 立即调用的函数表达式如何写
Jan 12 Javascript
jQuery的load()方法及其回调函数用法实例
Mar 25 Javascript
jQuery中extend()和fn.extend()方法详解
Jun 03 Javascript
移动端使用localStorage缓存Js和css文的方法(web开发)
Sep 20 Javascript
如何解决vue与传统jquery插件冲突
Mar 20 Javascript
如何去除vue项目中的#及其ie9兼容性
Jan 11 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
May 03 Javascript
详解如何使用koa实现socket.io官网的例子
Nov 04 Javascript
React组件设计模式之组合组件应用实例分析
Apr 29 Javascript
微信小程序自定义modal弹窗组件的方法详解
Dec 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
优化使用mysql存储session的php代码
2008/01/10 PHP
PHP随机生成唯一HASH值自定义函数
2015/04/20 PHP
Yii获取当前url和域名的方法
2015/06/08 PHP
php生成静态html页面的方法(2种方法)
2015/09/14 PHP
laravel5创建service provider和facade的方法详解
2016/07/26 PHP
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
2013/02/05 Javascript
JQuery操作元素的css样式
2015/03/09 Javascript
整理Javascript基础入门学习笔记
2015/11/29 Javascript
js实现页面刷新滚动条位置不变
2016/11/27 Javascript
angularjs的select使用及默认选中设置
2017/04/08 Javascript
使用node.js搭建服务器
2017/05/20 Javascript
js学习总结之DOM2兼容处理重复问题的解决方法
2017/07/27 Javascript
Vue中使用canvas方法总结
2019/02/12 Javascript
微信小程序实现写入读取缓存详解
2019/08/30 Javascript
es6中Promise 对象基本功能与用法实例分析
2020/02/23 Javascript
[01:13]2014DOTA2西雅图邀请赛 舌尖上的TI4
2014/07/08 DOTA
python基础教程之数字处理(math)模块详解
2014/03/25 Python
使用Python操作MySQL的一些基本方法
2015/08/16 Python
详解如何设置Python环境变量?
2019/05/13 Python
python opencv 简单阈值算法的实现
2019/08/04 Python
使用Python自动生成HTML的方法示例
2019/08/06 Python
python中eval与int的区别浅析
2019/08/11 Python
Python(PyS60)实现简单语音整点报时
2019/11/18 Python
python两种注释用法的示例
2020/10/09 Python
党校培训自我鉴定
2014/02/01 职场文书
《冬阳童年骆驼队》教学反思
2014/04/15 职场文书
综治维稳工作汇报
2014/10/27 职场文书
2014年检验科工作总结
2014/11/22 职场文书
旷工检讨书1000字
2015/01/01 职场文书
成绩单评语
2015/01/04 职场文书
初中生思想道德自我评价
2015/03/09 职场文书
2016新年慰问信范文
2015/03/25 职场文书
保研推荐信范文
2015/03/25 职场文书
2016年社区创先争优活动总结
2016/04/05 职场文书
个人销售励志奋斗口号
2019/12/05 职场文书
JavaScript高级程序设计之变量与作用域
2021/11/17 Javascript