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 相关文章推荐
JSQL  一个 web DB 的封装
May 05 Javascript
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
Jun 02 Javascript
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
Oct 26 Javascript
JavaScript中的isXX系列是否继续使用的分析
Apr 16 Javascript
详解jquery中$.ajax方法提交表单
Nov 03 Javascript
JavaScript中实现sprintf、printf函数
Jan 27 Javascript
详解JavaScript函数对象
Nov 15 Javascript
JavaScript编程中实现对象封装特性的实例讲解
Jun 24 Javascript
详解js的事件处理函数和动态创建html标记方法
Dec 16 Javascript
浅谈Angular 观察者模式理解
Nov 01 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
Nov 04 Javascript
vue中使用echarts的示例
Jan 03 Vue.js
兼容所有浏览器的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学习之 循环结构实现代码
2011/06/09 PHP
PHP 实现explort() 功能的详解
2013/06/20 PHP
php一些错误处理的方法与技巧总结
2013/08/10 PHP
PHP生成sitemap.xml地图函数
2013/11/13 PHP
PHP strtotime函数用法、实现原理和源码分析
2015/02/04 PHP
PHP 网站修改默认访问文件的nginx配置
2017/05/27 PHP
一段好玩的JavaScript代码
2006/12/01 Javascript
可编辑下拉框的2种实现方式
2014/06/13 Javascript
js+canvas绘制矩形的方法
2016/01/28 Javascript
jQuery Validate插件实现表单验证
2016/08/19 Javascript
json数据处理及数据绑定
2017/01/25 Javascript
BootStrap Datetimepicker 汉化的实现代码
2017/02/10 Javascript
基于JavaScript实现瀑布流布局
2018/08/15 Javascript
Vue组件间通信 Vuex的用法解析
2019/08/05 Javascript
element-ui 本地化使用教程详解
2019/10/28 Javascript
JS绘图Flot如何实现可选显示曲线图功能
2020/10/16 Javascript
python通过索引遍历列表的方法
2015/05/04 Python
Python计算三角函数之asin()方法的使用
2015/05/15 Python
python通过函数属性实现全局变量的方法
2015/05/16 Python
python字典多键值及重复键值的使用方法(详解)
2016/10/31 Python
Collatz 序列、逗号代码、字符图网格实例
2017/06/22 Python
实例讲解python中的序列化知识点
2018/10/08 Python
python在回调函数中获取返回值的方法
2019/02/22 Python
Django框架封装外部函数示例
2019/05/28 Python
python 实现12bit灰度图像映射到8bit显示的方法
2019/07/08 Python
Python实现随机生成任意数量车牌号
2020/01/21 Python
使用 Python 读取电子表格中的数据实例详解
2020/04/17 Python
python实现飞船游戏的纵向移动
2020/04/24 Python
Linux的主要特性
2014/10/06 面试题
安全宣传标语口号
2014/06/06 职场文书
药品营销专业毕业生自荐信
2014/07/02 职场文书
2014年财政所工作总结
2014/11/22 职场文书
2015年大学宣传部工作总结
2015/05/26 职场文书
谁动了我的奶酪读书笔记
2015/06/30 职场文书
2019年怎样写好导游词?
2019/07/02 职场文书
mysql分组后合并显示一个字段的多条数据方式
2022/01/22 MySQL