萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> JS 打印界面的CSS居中代碼適用所有浏覽器

JS 打印界面的CSS居中代碼適用所有浏覽器

 這篇文章主要介紹了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>   
copyright © 萬盛學電腦網 all rights reserved