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扩展插件Validate 3通过参数设置错误信息
Sep 05 Javascript
JQuery中$(document)是什么意思有什么作用
Jul 21 Javascript
jQuery学习笔记之jQuery中的$
Jan 19 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
Aug 17 Javascript
JQuery动态添加Select的Option元素实现方法
Aug 29 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
Dec 14 Javascript
详解angular ui-grid之过滤器设置
Jun 07 Javascript
Angular2使用vscode断点调试ts文件的方法
Dec 13 Javascript
vue中$refs的用法及作用详解
Apr 24 Javascript
Vue中添加滚动事件设置的方法详解
Sep 14 Javascript
原生小程序封装跑马灯效果
Oct 21 Javascript
vue3.0封装轮播图组件的步骤
Mar 04 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
用IE远程创建Mysql数据库的简易程序
2006/10/09 PHP
php随机显示指定文件夹下图片的方法
2015/07/13 PHP
PHP+MySQL统计该库中每个表的记录数并按递减顺序排列的方法
2016/02/15 PHP
php读取qqwry.dat ip地址定位文件的类实例代码
2016/11/15 PHP
thinkPHP+ajax实现统计页面pv浏览量的方法
2017/03/15 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
初探jquery——表单应用范例
2007/02/20 Javascript
打印json对象的内容及JSON.stringify函数应用
2013/03/29 Javascript
基于jquery实现图片放大功能
2016/05/07 Javascript
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
2016/06/28 Javascript
高效Web开发的10个jQuery代码片段
2016/07/22 Javascript
jQuery双向列表选择器DIV模拟版
2016/11/01 Javascript
使用JS读取XML文件的方法
2016/11/25 Javascript
ES6概念 Symbol toString()方法
2016/12/25 Javascript
javascript+css3开发打气球小游戏完整代码
2017/11/28 Javascript
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
2018/01/08 Javascript
修改node.js默认的npm安装目录实例
2018/05/15 Javascript
加快Vue项目的开发速度的方法
2018/12/12 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
2018/12/19 Javascript
express启用https使用小记
2019/05/21 Javascript
el-form 多层级表单的实现示例
2020/09/10 Javascript
Python代码调试的几种方法总结
2015/04/15 Python
Python之父谈Python的未来形式
2016/07/01 Python
Python中shapefile转换geojson的示例
2019/01/03 Python
python识别验证码的思路及解决方案
2020/09/13 Python
纯CSS3实现图片无间断轮播效果
2016/08/25 HTML / CSS
Stylenanda中文站:韩国一线网络服装品牌
2016/12/22 全球购物
戴森比利时官方网站:Dyson BE
2020/10/03 全球购物
英国最受欢迎的母婴精品品牌:JoJo Maman BéBé
2021/02/17 全球购物
Java servlet面试题
2012/03/04 面试题
井冈山红色之旅感想
2014/10/07 职场文书
合作协议书范本
2014/10/25 职场文书
Python手拉手教你爬取贝壳房源数据的实战教程
2021/05/21 Python
Python还能这么玩之用Python修改了班花的开机密码
2021/06/04 Python
游戏《我的世界》澄清Xbox版暂无计划加入光追
2022/04/03 其他游戏
GTX1660显卡搭配显示器推荐
2022/04/19 数码科技