在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ CSS 控制打印范圍出現(xiàn)空白區(qū)域

CSS 控制打印范圍出現(xiàn)空白區(qū)域

利用 CSS 控制了打印區(qū)域的效果，代碼如下：

@media print {
  body * {
    visibility: hidden;
    font-size: 10px;
  }

  .print-show,
  .print-show * {
    visibility: visible;
  }

  .print-show {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
  }

  .ant-modal {
    top: 0 !important;
  }
}

print-show 是我要打印的范圍，現(xiàn)在通過 Chrome 的調(diào)試工具查看打印范圍是已經(jīng)置頂狀態(tài)了，但是按下 cmd+p 打印后，卻出現(xiàn)了一大塊空白區(qū)域，請(qǐng)問這種情況要如何處理？

圖片描述

回答
編輯回答
玩控

問題應(yīng)該出現(xiàn)在這里，

body * {
    visibility: hidden;
    font-size: 10px;
  }

visibility: hidden只是隱藏了元素，但是元素所占用的空間仍然存在。
如果打印的時(shí)候只打印print-show，針對(duì)其他元素應(yīng)該使用display：none， 讓其他元素徹底從dom中消失。

2017年11月24日 21:30