标签：printer 0px 打印 水印 label break 文檔 font

**

React 打印添加水印css樣式。

**

@media screen {
  .printer {
    display: none;
  }
}

@media print {
/*隱藏app*/
  #app {
    visibility: hidden;
    display: unset;
    padding: 0px !important;
  }
   .ms-Viewport {
    display: none;
  } 
  /*系統打印*/
  .printer {
    font-family: sans-serif;
    width: 95%;
    top: 0px;
    left: 0px;
    z-index: 9999;
    position: absolute;
    visibility: visible;
    line-height: 0.5cm;
  }
    .printer .label{
    padding: 0mm !important;
  } 
   .printer .label+.label {
    page-break-before: always;
    page-break-inside: avoid;
    page-break-after: always;
  }  
  tbody:before {
    content: "我是水印";
    font-family: serif;
    font-size: 10rem;/*字體大小*/
    /* position: absolute; */
    transform:rotate(-40deg); /*傾斜角度*/
    top: 25rem;  /*上邊距*/
    left: 5rem;/*左邊距*/
    z-index: 0;
    line-height: 2;
    color: rgba(50, 25, 0, 0.09);
    position:fixed; /*每一頁都有水印*/
    /* pointer-events:none; */
}
}

标签：printer,0px,打印,水印,label,break,文檔,font
来源： https://blog.csdn.net/weixin_43834684/article/details/110229549

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。