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 哈希表(hashtable)的简单实现
Jan 20 Javascript
JS中动态添加事件(绑定事件)的代码
Jan 09 Javascript
javascript写的简单的计算器,内容很多,方法实用,推荐
Dec 29 Javascript
js使下拉列表框可编辑不止是选择
Dec 12 Javascript
jQuery中:hidden选择器用法实例
Dec 30 Javascript
jquery+php实现滚动的数字特效
Nov 29 Javascript
javascript设置和获取cookie的方法实例详解
Jan 05 Javascript
简单实现js鼠标跟随效果
Aug 02 Javascript
jQuery实现模糊搜索功能的方法分析
Jun 29 jQuery
vue监听input标签的value值方法
Aug 27 Javascript
vue input实现点击按钮文字增删功能示例
Jan 29 Javascript
使用layui+ajax实现简单的菜单权限管理及排序的方法
Sep 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中支持多种编码的中文字符串截取函数!
2007/03/20 PHP
PHP与SQL注入攻击[三]
2007/04/17 PHP
php.ini-dist 和 php.ini-recommended 的区别介绍(方便开发与安全的朋友)
2012/07/01 PHP
php常用ODBC函数集(详细)
2013/06/24 PHP
PHP中读取照片exif信息的方法
2014/08/20 PHP
PHP连接access数据库
2015/03/27 PHP
PHP访问数据库集群的方法小结
2016/03/14 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
PHP预定义接口――Iterator用法示例
2020/06/05 PHP
javascript中利用数组实现的循环队列代码
2010/01/24 Javascript
jquery zTree异步加载简单实例分享
2013/02/05 Javascript
jQuery封装的获取Url中的Get参数示例
2013/11/26 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
2014/08/18 Javascript
微信公众号支付H5调用支付解析
2016/11/04 Javascript
socket.io学习教程之深入学习篇(三)
2017/04/29 Javascript
Angular 4环境准备与Angular cli创建项目详解
2017/05/27 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
2017/12/16 jQuery
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
2017/12/28 Javascript
layui弹出框Tab选项卡的示例代码
2019/09/04 Javascript
Bootstrap table 服务器端分页功能实现方法示例
2020/06/01 Javascript
vue单应用在ios系统中实现微信分享功能操作
2020/09/07 Javascript
Python中MYSQLdb出现乱码的解决方法
2014/10/11 Python
一文带你了解Python中的字符串是什么
2018/11/20 Python
使用python实现语音文件的特征提取方法
2019/01/09 Python
python可视化实现代码
2019/01/15 Python
Python 字典中的所有方法及用法
2020/06/10 Python
在django中实现choices字段获取对应字段值
2020/07/12 Python
pytorch中index_select()的用法详解
2021/01/06 Python
html5 canvas-1.canvas介绍(hello canvas)
2013/01/07 HTML / CSS
学习雷锋精神演讲稿
2014/05/10 职场文书
向国旗敬礼活动总结范文2014
2014/09/27 职场文书
小学生校园广播稿
2014/09/28 职场文书
股东出资证明书范例
2014/10/04 职场文书
学生会个人总结范文
2015/02/15 职场文书
感恩老师主题班会
2015/08/12 职场文书
卫生主题班会
2015/08/14 职场文书