您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

JS 打印界面的CSS居中代码适用所有浏览器

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了JS 打印界面的CSS居中代码,需要的朋友可以参考下

 代码如下: 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>