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 常见开发使用技巧总结
Dec 26 Javascript
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
Nov 20 Javascript
10分钟学会写Jquery插件实例教程
Sep 06 Javascript
JS常用函数和常用技巧小结
Oct 15 Javascript
关于 jQuery Easyui异步加载tree的问题解析
Dec 06 Javascript
javascript 正则表达式分组、断言详解
Apr 20 Javascript
arcgis for js栅格图层叠加(Raster Layer)问题
Nov 22 Javascript
Vue ElementUi同时校验多个表单(巧用new promise)
Jun 06 Javascript
在Web关闭页面时发送Ajax请求的实现方法
Mar 07 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
May 31 Javascript
vue 在methods中调用mounted的实现操作
Aug 07 Javascript
jQuery实现简单三级联动效果
Sep 05 jQuery
兼容所有浏览器的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中批量删除Mysql中相同前缀的数据表的代码
2011/07/01 PHP
解析关于java,php以及html的所有文件编码与乱码的处理方法汇总
2013/06/24 PHP
基于PHP的简单采集数据入库程序
2014/07/30 PHP
php判断输入是否是纯数字,英文,汉字的方法
2015/03/05 PHP
php base64 编码与解码实例代码
2017/03/21 PHP
PHP进阶学习之依赖注入与Ioc容器详解
2019/06/19 PHP
laravel5.6 框架操作数据 Eloquent ORM用法示例
2020/01/26 PHP
基于jquery的图片的切换(以数字的形式)
2011/02/14 Javascript
NodeJS学习笔记之网络编程
2014/08/03 NodeJs
简介JavaScript中valueOf()方法的使用
2015/06/05 Javascript
JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
2016/06/17 Javascript
JavaScript实现刷新不重记的倒计时
2016/08/10 Javascript
jQuery实现搜索页面关键字的功能
2017/02/16 Javascript
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
2017/03/15 Javascript
ReactNative 之FlatList使用及踩坑封装总结
2017/11/29 Javascript
vue项目中v-model父子组件通信的实现详解
2017/12/10 Javascript
vue自定义switch开关组件,实现样式可自行更改
2019/11/01 Javascript
Vue实现兄弟组件间的联动效果
2020/01/21 Javascript
[01:05:00]2018国际邀请赛 表演赛 Pain vs OpenAI
2018/08/24 DOTA
Python中的字典遍历备忘
2015/01/17 Python
python 查找字符串是否存在实例详解
2017/01/20 Python
Python对象类型及其运算方法(详解)
2017/07/05 Python
十行代码使用Python写一个USB病毒
2019/06/21 Python
python使用 request 发送表单数据操作示例
2019/09/25 Python
NumPy中的维度Axis详解
2019/11/26 Python
pytorch判断是否cuda 判断变量类型方式
2020/06/23 Python
Python爬虫实例——scrapy框架爬取拉勾网招聘信息
2020/07/14 Python
CSS3与动画有关的属性transition、animation、transform对比(史上最全版)
2017/08/18 HTML / CSS
我的applet原先好好的, 一放到web server就会有问题,为什么?
2016/05/10 面试题
九年级家长会邀请函
2014/01/15 职场文书
风险评估实施方案
2014/03/09 职场文书
单位租房协议书范本
2014/12/04 职场文书
新郎新娘答谢词
2015/01/04 职场文书
自我评价优缺点范文
2015/03/11 职场文书
2015年乡镇纪委工作总结
2015/05/26 职场文书
MySQL 数据库 增删查改、克隆、外键 等操作
2022/05/11 MySQL