CSS打印样式

@media print {
  @page {
    margin: 2.5cm 3cm; // A4纸页边距
  }
  body {
    // 强制打印背景色和图像
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  img,
  table {
    // 打印不被打断
    page-break-after: avoid;
    break-inside: avoid;
  }

  // 隐藏不需要的节点
  // 背景图片不会被打印？注意背景
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS 打印样式
    引入样式： @media print{} 单位(cm,in英寸)1 inch = 2.54 cm1cm = 96/...
    神刀阅读 12,239评论 1赞 2
  • CSS控制print打印样式
    当我们要打印html转pdf文件时,样式会影响我们打印效果,所以我们要针对打印单独设置样式,以下是三种添加打印样式...
    一邑妈妈阅读 4,895评论 0赞 0
  • 专为控制打印设计的CSS样式
    文件引入 规则 page 设置 完整示例 下面的 CSS 将在底部左边显示标题，在右下角的网页计数器，并在右上角显...
    14px阅读 3,579评论 0赞 50
  • 专为控制打印设计的CSS样式
    专为控制打印设计的CSS样式 标签（空格分隔）： CSS Web打印控制 大多数Web设计师对打印控制还不是很熟悉...
    lumicinta阅读 6,696评论 1赞 6
  • A4的打印样式CSS2
    打印样式1 .Noprint{display:none;} .PageNext{page-break-after:...
    骑仕泡泡阅读 4,112评论 0赞 0