这篇文章主要介绍了 JS 打印界面的 CSS 居中代码, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- 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>
来源: