5


我有一个来自 php 的关于 html gen 的大页面，
并且想要使用 html 和 css 创建打印视图，
我使用 print.css 样式创建此页面
，然后有一些问题：

  1. 如何制作A4大小的页面
  2. 如何为所有页面和每页创建边框
  3. 如何在任何浏览器中创建固定大小的视图？
  4. 有用于生成这个的php类吗？

谢谢你的回答:)

4

2 回答 2

1

依据：

在您的CSS打印样式上添加用于打印的媒体查询并使用该@page规则

@media print{
  @page {
    size: auto;   /* auto is the initial value */
    size: A4 portrait;
    margin: 0;  /* this affects the margin in the printer settings */
    border: 1px solid red;  /* set a border for all printed pages */
  }
}

有用于生成这个的 php 类吗？

我不认为你真的需要额外的库来做到这一点。但是，您可能需要一些浏览器兼容性……不是吗？

编辑

要支持 IE10+，您可能还需要添加以下规则：

/* IE10+ CSS print styles */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS print styles go here */
  @page {
    size: auto;   /* auto is the initial value */
    size: A4 portrait;
    margin: 0;  /* this affects the margin in the printer settings */
    border: 1px solid red;  /* set a border for all printed pages */
  }
}

您应该能够仅使用 CSS 来管理自己来打印网站内容。

于 2018-03-19T09:55:26.873 回答
0

这可能会帮助你

<div id="printpage">  
 //blah blah
</div>  

<a href="#" onclick="printdiv()">Print</a>

function printdiv()
{
    //your print div data
    //alert(document.getElementById("printpage").innerHTML);
    var newstr=document.getElementById("printpage").innerHTML;

    var header='<header><div align="center"><h3 style="color:#EB5005"> Your HEader </h3></div><br></header><hr><br>'

    var footer ="Your Footer";

    //You can set height width over here
    var popupWin = window.open('', '_blank', 'width=1100,height=600');
    popupWin.document.open();
    popupWin.document.write('<html> <body onload="window.print()">'+ newstr + '</html>' + footer);
    popupWin.document.close(); 
    return false;
}
于 2013-09-12T08:00:07.557 回答