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 form布局
Oct 08 Javascript
Javascript remove 自定义数组删除方法
Oct 20 Javascript
js获取图片长和宽度的代码
Nov 24 Javascript
javascript框架设计读书笔记之模块加载系统
Dec 02 Javascript
Node.js实现的简易网页抓取功能示例
Dec 05 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
Jun 03 Javascript
详解tween.js的使用教程
Sep 14 Javascript
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
vue脚手架搭建过程图解
Jun 06 Javascript
jquery.pagination.js分页使用教程
Oct 23 jQuery
基于vue2的canvas时钟倒计时组件步骤解析
Nov 05 Javascript
小程序怎样让wx.navigateBack更好用的方法实现
Nov 01 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
我的群发邮件程序
2006/10/09 PHP
php 判断网页是否是utf8编码的方法
2014/06/06 PHP
jQuery 性能优化指南 (1)
2009/05/21 Javascript
跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明
2010/05/04 Javascript
地址栏传递中文参数乱码在js里用escape转码
2013/08/28 Javascript
javascript基本类型详解
2014/11/28 Javascript
jQuery插件datepicker 日期连续选择
2015/06/12 Javascript
jQuery插件pagination实现无刷新分页
2016/05/21 Javascript
Javascript实现代码折叠功能
2016/08/25 Javascript
AngularJS监听路由变化的方法
2017/03/07 Javascript
微信小程序返回多级页面的实现方法
2017/10/27 Javascript
Vue父组件调用子组件事件方法
2018/02/23 Javascript
详解vue-cli 快速搭建单页应用之遇到的问题及解决办法
2018/03/01 Javascript
示例vue 的keep-alive缓存功能的实现
2018/12/13 Javascript
跟混乱的页面弹窗说再见
2019/04/11 Javascript
微信小程序绘制半圆(弧形)进度条
2020/11/18 Javascript
Python中文件遍历的两种方法
2014/06/16 Python
Python命名空间详解
2014/08/18 Python
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
django 创建过滤器的实例详解
2017/08/14 Python
python并发编程之线程实例解析
2017/12/27 Python
opencv python 傅里叶变换的使用
2018/07/21 Python
使用Python实现将list中的每一项的首字母大写
2019/06/11 Python
python scrapy重复执行实现代码详解
2019/12/28 Python
PyCharm GUI界面开发和exe文件生成的实现
2020/03/04 Python
python中os包的用法
2020/06/01 Python
Python实现随机爬山算法
2021/01/29 Python
HTML5标签小集
2011/08/02 HTML / CSS
html5教程调用绘图api画简单的圆形代码分享
2013/12/04 HTML / CSS
体育教师求职信
2014/06/30 职场文书
开展党的群众路线教育实践活动个人对照检查材料
2014/11/05 职场文书
护士节慰问信
2015/02/15 职场文书
作弊检讨书范文
2015/05/06 职场文书
python文本处理的方案(结巴分词并去除符号)
2021/05/26 Python
java设计模式--建造者模式详解
2021/07/21 Java/Android
Python实现自动玩连连看的脚本分享
2022/04/04 Python