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之八 包装事件对象
Jun 21 Javascript
ExtJS的拖拽效果示例
Dec 09 Javascript
jQuery 设置 CSS 属性示例介绍
Jan 16 Javascript
JavaSript中变量的作用域闭包的深入理解
May 12 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
Jun 24 Javascript
jquery解析XML及获取XML节点名称的实现代码
May 18 Javascript
javascript代码调试之console.log 用法图文详解
Sep 30 Javascript
JS实现浏览器打印、打印预览示例
Feb 28 Javascript
Vue响应式添加、修改数组和对象的值
Mar 20 Javascript
利用hasOwnProperty给数组去重的面试题分享
Nov 05 Javascript
vue中$nextTick的用法讲解
Jan 17 Javascript
antd日期选择器禁止选择当天之前的时间操作
Oct 29 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个人网站架设连环讲(三)
2006/10/09 PHP
简单说说PHP优化那些事(经验分享)
2014/11/27 PHP
PHP中使用foreach()遍历二维数组的简单实例
2016/06/13 PHP
jQuery EasyUI中对表格进行编辑的实现代码
2010/06/10 Javascript
javascript级联下拉列表实例代码(自写)
2013/05/10 Javascript
JS字符串处理实例代码
2013/08/05 Javascript
javascript浏览器兼容教程之事件处理
2014/06/09 Javascript
jquery的ajax异步请求接收返回json数据实例
2014/06/16 Javascript
javascript函数式编程实例分析
2015/04/25 Javascript
kindeditor编辑器点中图片滚动条往上顶的bug
2015/07/05 Javascript
jQuery实现的进度条效果
2015/07/15 Javascript
使用javascript插入样式
2016/03/14 Javascript
JavaScript原生对象常用方法总结(推荐)
2016/05/13 Javascript
轻松学习Javascript闭包
2017/03/01 Javascript
vue图片加载与显示默认图片实例代码
2017/03/16 Javascript
老生常谈javascript中逻辑运算符&amp;&amp;和||的返回值问题
2017/04/13 Javascript
JavaScript迭代器的含义及用法
2019/06/21 Javascript
配置node服务器并且链接微信公众号接口配置步骤详解
2019/06/21 Javascript
react实现移动端下拉菜单的示例代码
2020/01/16 Javascript
利用Python绘制数据的瀑布图的教程
2015/04/07 Python
python实现连接mongodb的方法
2015/05/08 Python
python使用json序列化datetime类型实例解析
2018/02/11 Python
python读取文件名称生成list的方法
2018/04/27 Python
Python实现登陆文件验证方法
2018/10/06 Python
Python二维数组实现求出3*3矩阵对角线元素的和示例
2019/11/29 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
python实现滑雪者小游戏
2020/02/22 Python
pymysql之cur.fetchall() 和cur.fetchone()用法详解
2020/05/15 Python
浅析Python requests 模块
2020/10/09 Python
美国生鲜及杂货电商:FreshDirect
2018/01/29 全球购物
波兰快递服务:Globkurier.pl
2019/11/08 全球购物
自我鉴定范文200字
2013/10/02 职场文书
中学老师的自我评价
2013/11/07 职场文书
《猴王出世》教学反思
2016/02/23 职场文书
Python基础之tkinter图形化界面学习
2021/04/29 Python
Redis官方可视化工具RedisInsight安装使用教程
2022/04/19 Redis