开启辅助访问
切换到宽版

天天ASP家园官方Q群

天天ASP家园网友互动群

群1: 697497501(新手学习互助群)

群2: 47598123(进阶应用群)

天天ASP家园»论坛 › 技术交流 › 前端技术 › 打印CSS通用代码
返回列表 发新帖
查看: 264|回复: 0

[文章教程] 打印CSS通用代码

[复制链接]
xuanxiao 发表于 2024-2-5 16:45:57 | 显示全部楼层 |阅读模式
  1. <style>
  2. @media print {
  3.                 @page {
  4.                                         size: A4 landscape !important;  /*横向*/
  5.                                         margin-left:5mm ;!important /*上下30mm页边距，左右20mm页边距*/
  6.                                 }
  7.                         }
  8. body {
  9. background:white;
  10.      font-size:.75em !important;
  11.      margin: auto;
  12.          
  13.           }
  14. table {
  15.                                 width: 97%!important;
  16.                                 border-collapse: collapse;
  17.                                 margin-left:3mm!important;
  18.                                 margin-top:3mm;
  19.                         }
  20.                
  21.                         table tbody th,
  22.                         table td {
  23.                                 border: 1px solid black;
  24.                         }
  25.                         table th,
  26.                         table td {
  27.                                 text-align: center;
  28.                                 padding: 0px;
  29.                         }         
  30. h1,
  31.                         h2,
  32.                         p {
  33.                                 margin: 0;
  34.                         }
  35. h1, h2, h3, h4, h5, h6 { page-break-after:avoid;
  36.      page-break-inside:avoid; }


  39. ul, ol, dl  { page-break-before:avoid; }
  40. img { page-break-inside:avoid;
  41.      page-break-after:avoid; }
  42. }
  43.                 </style>
复制代码


Js指定打印：

  2.     bdhtml=window.document.body.innerHTML;   
  3.     sprnstr="<!--startprint-->";   
  4.     eprnstr="<!--endprint-->";   
  5.     prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);   
  6.     prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));   
  7.     window.document.body.innerHTML=prnhtml;  
  8.     window.print();   
复制代码
ASP币如何冲？请看这里
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表

在线客服

售前咨询
售后咨询
服务热线
023-58418553
微信公众号