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 相关文章推荐
跟我学习javascript的隐式强制转换
Nov 16 Javascript
Jquery和angularjs获取check框选中的值的方法汇总
Jan 17 Javascript
第二章之Bootstrap 页面排版样式
Apr 25 Javascript
Bootstrap基本样式学习笔记之表单(3)
Dec 07 Javascript
仿京东快报向上滚动的实例
Dec 13 Javascript
Vue2.0中集成UEditor富文本编辑器的方法
Mar 03 Javascript
webstorm和.vue中es6语法报错的解决方法
May 08 Javascript
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
Jun 14 Javascript
微信小程序自定义弹窗wcPop插件
Nov 19 Javascript
简单谈谈javascript高级特性
Sep 04 Javascript
Vue的click事件防抖和节流处理详解
Nov 13 Javascript
iview实现动态表单和自定义验证时间段重叠
Jan 10 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通过加锁实现并发情况下抢码功能
2016/08/10 PHP
Win10 下安装配置IIS + MySQL + nginx + php7.1.7
2017/08/04 PHP
ajaxControlToolkit AutoCompleteExtender的用法
2008/10/30 Javascript
js取滚动条的尺寸的函数代码
2011/11/30 Javascript
图片上传插件jquery.uploadify详解
2013/11/15 Javascript
JavaScript中的call方法和apply方法使用对比
2015/08/12 Javascript
BootStrap实现手机端轮播图左右滑动事件
2016/10/13 Javascript
JS正则表达式之非捕获分组用法实例分析
2016/12/28 Javascript
AngularJS报错$apply already in progress的解决方法分析
2017/01/30 Javascript
SpringMVC简单整合Angular2的示例
2017/07/31 Javascript
Vue组件之自定义事件的功能图解
2018/02/01 Javascript
vue cli 全面解析
2018/02/28 Javascript
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
2018/08/28 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
2019/05/24 Javascript
微信小程序嵌入腾讯视频源过程详解
2019/08/08 Javascript
[02:17]2016国际邀请赛中国区预选赛VG战队领队采访
2016/06/26 DOTA
进一步探究Python中的正则表达式
2015/04/28 Python
Linux下将Python的Django项目部署到Apache服务器
2015/12/24 Python
Python引用模块和查找模块路径
2016/03/17 Python
Python深入06——python的内存管理详解
2016/12/07 Python
Python合并字典键值并去除重复元素的实例
2016/12/18 Python
Python实现爬虫设置代理IP和伪装成浏览器的方法分享
2018/05/07 Python
virtualenv 指定 python 解释器的版本方法
2018/10/25 Python
实例详解python函数的对象、函数嵌套、名称空间和作用域
2019/05/31 Python
Django时区详解
2019/07/24 Python
numpy创建单位矩阵和对角矩阵的实例
2019/11/29 Python
如何基于Python + requests实现发送HTTP请求
2020/01/13 Python
python3.8下载及安装步骤详解
2020/01/15 Python
Python爬虫Scrapy框架CrawlSpider原理及使用案例
2020/11/20 Python
装上这 14 个插件后,PyCharm 真的是无敌的存在
2021/01/11 Python
纯css3(无图片/js)制作的几个社交媒体网站的图标
2013/03/21 HTML / CSS
使用Html5中的cavas画一面国旗
2019/09/25 HTML / CSS
含精油的天然有机化妆品:Indemne
2019/08/27 全球购物
创意爱尔兰礼物:Creative Irish Gifts
2020/01/29 全球购物
平民服装店创业计划书
2014/01/17 职场文书
python实现腾讯滑块验证码识别
2021/04/27 Python