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的性能
Feb 06 Javascript
javascript生成随机数的方法
May 16 Javascript
JavaScript把数组作为堆栈使用的方法
Mar 20 Javascript
非常棒的jQuery图片轮播效果
Apr 17 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
Apr 30 Javascript
js正则表达式replace替换变量方法
May 21 Javascript
浅谈Vue.js
Mar 02 Javascript
jQuery实现获取h1-h6标题元素值的方法
Mar 06 Javascript
js获取一组日期中最近连续的天数
May 25 Javascript
Angular4 ElementRef的应用
Feb 26 Javascript
详解Vue中组件的缓存
Apr 20 Javascript
jquery实现有过渡效果的tab切换
Jul 17 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
精致的人儿就要挑杯子喝咖啡
2021/03/03 冲泡冲煮
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装最快的解决办法
2010/08/01 PHP
解析PHP实现多进程并行执行脚本
2013/06/18 PHP
PHP仿博客园 个人博客(1) 数据库与界面设计
2013/07/05 PHP
php curl_init函数用法
2014/01/31 PHP
Yii分页用法实例详解
2014/12/04 PHP
使用URL传输SESSION信息
2015/07/14 PHP
什么是DOM(Document Object Model)文档对象模型
2012/03/05 Javascript
两个listbox实现选项的添加删除和搜索
2013/03/01 Javascript
获取阴历(农历)和当前日期的js代码
2016/02/15 Javascript
jQuery实现只允许输入数字和小数点的方法
2016/03/02 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
2016/03/31 Javascript
AngularJS之依赖注入模拟实现
2016/08/19 Javascript
JS获取短信验证码倒计时的实现代码
2017/05/22 Javascript
浅谈struts1 &amp; jquery form 文件异步上传
2017/05/25 jQuery
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
2017/07/18 Javascript
微信小程序实现倒计时60s获取验证码
2020/04/17 Javascript
Bootstrap4 gulp 配置详解
2019/01/06 Javascript
微信小程序时间标签和时间范围的联动效果
2019/02/15 Javascript
vue前后分离调起微信支付
2019/07/29 Javascript
解决vue项目中某一页面不想引用公共组件app.vue的问题
2020/08/14 Javascript
js实现弹幕飞机效果
2020/08/27 Javascript
关于vue的列表图片选中打钩操作
2020/09/09 Javascript
深入讲解Python中面向对象编程的相关知识
2015/05/25 Python
python脚本实现验证码识别
2018/06/07 Python
python如何创建TCP服务端和客户端
2018/08/26 Python
Django中的ajax请求
2018/10/19 Python
对Python3之进程池与回调函数的实例详解
2019/01/22 Python
谈一谈数组拼接tf.concat()和np.concatenate()的区别
2020/02/07 Python
解决pip安装的第三方包在PyCharm无法导入的问题
2020/10/15 Python
基于Python的身份证验证识别和数据处理详解
2020/11/14 Python
日本著名的平价时尚女性购物网站:Fifth
2016/08/24 全球购物
Ibatis如何调用存储过程
2015/05/15 面试题
.NET程序员的几道面试题
2012/06/01 面试题
专家推荐信模板
2014/05/09 职场文书
车辆挂靠协议书
2016/03/23 职场文书