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 相关文章推荐
分享20款好玩的jQuery游戏
Apr 17 Javascript
JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现
Aug 14 Javascript
下拉菜单点击实现连接跳转功能的js代码
May 19 Javascript
jQuery图片切换插件jquery.cycle.js使用示例
Jun 16 Javascript
Jquery 垂直多级手风琴菜单附源码下载
Nov 17 Javascript
多种js图片预加载实现方式分享
Feb 19 Javascript
Bootstrap基本样式学习笔记之表单(3)
Dec 07 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
Sep 30 Javascript
vue2.0基于vue-cli+element-ui制作树形treeTable
Apr 30 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
Sep 10 jQuery
vue radio单选框,获取当前项(每一项)的value值操作
Sep 10 Javascript
JavaScript如何利用Promise控制并发请求个数
May 14 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
德生S2000收音机更换“钕铁硼”全频扬声器
2021/03/02 无线电
PHP邮件专题
2006/10/09 PHP
详解PHP如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
php二维码生成以及下载实现
2017/09/28 PHP
PHP工厂模式简单实现方法示例
2018/05/23 PHP
获取URL地址中的文件名和参数的javascript代码
2009/09/02 Javascript
jquery库或JS文件在eclipse下报错问题解决方法
2014/04/17 Javascript
JavaScript父子窗体间的调用方法
2015/03/31 Javascript
JavaScript中的条件判断语句使用详解
2015/06/03 Javascript
js实现仿网易点击弹出提示同时背景变暗效果
2015/08/13 Javascript
jQuery插件 Jqplot图表实例
2016/06/18 Javascript
浅谈JavaScript对象与继承
2016/07/10 Javascript
JQuery中解决重复动画的方法
2016/10/17 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
2017/02/27 Javascript
详解js中Array的方法及技巧
2018/09/12 Javascript
在Python中使用mongoengine操作MongoDB教程
2015/04/24 Python
简介Django中内置的一些中间件
2015/07/24 Python
Python 获得命令行参数的方法(推荐)
2018/01/24 Python
python实现一组典型数据格式转换
2018/12/15 Python
对python 通过ssh访问数据库的实例详解
2019/02/19 Python
pandas 数据结构之Series的使用方法
2019/06/21 Python
tensorflow查看ckpt各节点名称实例
2020/01/21 Python
Django+Django-Celery+Celery的整合实战
2021/01/20 Python
瑜伽服装品牌:露露柠檬(lululemon athletica)
2017/06/04 全球购物
Sunglasses Shop英国:欧洲领先的太阳镜在线供应商之一
2018/09/19 全球购物
PatPat阿根廷:妈妈们的购物平台
2019/05/30 全球购物
英国家居用品和床上用品零售商:P&B Home
2020/01/16 全球购物
英国最大的在线亚洲杂货店:Red Rickshaw
2020/03/22 全球购物
茱莉蔻美国官网:Jurlique美国
2020/11/24 全球购物
启动一个线程是用run()还是start()
2016/12/25 面试题
什么是ESB?请介绍一下ESB?
2015/05/27 面试题
学生自我鉴定
2013/12/18 职场文书
会计工作决心书
2014/03/11 职场文书
上班迟到检讨书
2014/09/15 职场文书
大学军训自我鉴定大全
2014/09/18 职场文书
Python实战之OpenCV实现猫脸检测
2021/06/26 Python