0
2 페이지 이상으로 된 인보이스를 인쇄하려고하는데 인쇄하는 동안 페이지 번호가 아래쪽에 표시되도록하고 싶습니다. 그것은 Firefox에서 잘 작동하지만 크롬은 모든 페이지에서 1 페이지 만 인쇄합니다. 페이지 번호를 인쇄하는 다른 방법이 있습니까? 나는 많은 해결책을 시도했으나 크롬이나 IE에서는 작동하지 않습니다. 어떻게 든 jQuery를 사용하여 크롬에서이 작업을 수행하는 방법을 발견인쇄용 CSS를 사용하여 최신 크롬 브라우저에서 페이지 번호를 설정할 수 없습니다.
@charset "utf-8";
/* CSS Document */
@page {
size:8.27in 11.69in;
margin: 0.5cm;
}
body { font-family:"Courier New", Courier, monospace; line-height: 1.5;
\t font-size: 11pt; }
.header { position:fixed; top:0; text-align:center; width:100%; margin: 0 auto; height:100px; bottom:1em; }
.page-layout {
page-break-after: always; position: relative;
width: 100%;
top:2em; //match size of header
left:0px;
right:0px;
}
.footer { position:fixed; bottom:0; text-align:center; width:100%; margin:0 auto; }
.footer:after { width:100%; margin:0 auto; text-align:center;
counter-increment: page;
content:"Page " counter(page);
} \t
.inv-details { }
.tstripe { border-top:2px dashed #000;}
table {
\t page-break-inside: avoid;
}
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Invoice</title>
<link rel="stylesheet" type="text/css" media="print" href="css/print.css" />
</head>
<body>
<div class="header">Commercial Invoice</div>
<div class="page-layout">
<div class="footer"></div>
<table class="inv-details" width="100%">
\t <tr>
\t <td>Invoice Number</td>
<td>Purpose of Shipment</td>
<td>Curr <br /> USD</td>
<td>Ult Dest. <br /> US </td>
</tr>
<tr>
\t <td>Export Dt <br /> 8/14/2017 </td>
<td>C.I. References </td>
<td>Pkgs <br /> 1 <br /> OTH </td>
<td>Bill T/C <br /> 1378-4267-0 </td>
</tr>
</table>
<table class="tstripe" width="100%">
\t <tr>
\t <td width="50%">Shipper: <br />
VENNY PERSAUD <br />
SBC INC, <br />
130 MATHESON BLVD, E, <br />
UNIT 1</td>
<td width="50%">Consignee: <br />
Marlon Browder <br />
Marlon Browder <br />
320 E GILLESPIE ST
</td>
</tr>
<tr>
\t <td width="50%">MISSISSAUGE <br />
ON L4Z1Y6 CA (866) 330-1272 <br />
ID/EIN: </td>
<td width="50%">STARKVILLE <br />
MS 39759 US (622) 617-9890 <br />
ID/EIN:
</td>
</tr>
</table>
<table class="tstripe" width="100%">
\t <tr>
\t <td valign="top" width="50%">
\t Broker <br />
FedEx Ground's Broker
</td>
<td>
\t Importer <br />
VENNY PERSAUD <br />
SBC INC, <br />
130 MATHESON BLVD, E, <br />
UNIT 1 <br />
MISSISSAUGA <br />
ON L4Z1Y6 CA (866) 330 - 1272 <br />
ID/EIN: <br />
</td>
</tr>
</table>
<!-- Item 1 -->
<table class="tstripe" width="100%">
\t <tr>
\t <td>Part Nbr:</td>
<td>Marks/Nbrs: </td>
<td>Cntry MFG: US </td>
<td> Net Wgt: 0.00 lbs</td>
</tr>
</table>
<table width="100%">
\t <tr>
\t <td>HS Code: 9503.90 </td>
<td>Unit Qty: 1.00 PCS </td>
<td>Unit Value: 5.600000</td>
<td>Commodity Value: 5.60 </td>
</tr>
<tr>
\t <td colspan="4">
\t Desc: Latex Ballon
</td>
</tr>
</table>
<!-- Item 2 -->
<table class="tstripe" width="100%">
\t <tr>
\t <td>Part Nbr:</td>
<td>Marks/Nbrs: </td>
<td>Cntry MFG: US </td>
<td> Net Wgt: 0.00 lbs</td>
</tr>
</table>
<table width="100%">
\t <tr>
\t <td>HS Code: 9503.90 </td>
<td>Unit Qty: 1.00 PCS </td>
<td>Unit Value: 5.600000</td>
<td>Commodity Value: 5.60 </td>
</tr>
<tr>
\t <td colspan="4">
\t Desc: Foil Ballon
</td>
</tr>
</table>
<table class="tstripe" width="100%">
\t <tr>
\t <td>Part Nbr:</td>
<td>Marks/Nbrs: </td>
<td>Cntry MFG: US </td>
<td> Net Wgt: 0.00 lbs</td>
</tr>
</table>
<table width="100%">
\t <tr>
\t <td>HS Code: 9503.90 </td>
<td>Unit Qty: 1.00 PCS </td>
<td>Unit Value: 5.600000</td>
<td>Commodity Value: 5.60 </td>
</tr>
<tr>
\t <td colspan="4">
\t Desc: Foil Ballon
</td>
</tr>
</table>
<table class="tstripe" width="100%">
\t <tr>
\t <td>Part Nbr:</td>
<td>Marks/Nbrs: </td>
<td>Cntry MFG: US </td>
<td> Net Wgt: 0.00 lbs</td>
</tr>
</table>
<table width="100%">
\t <tr>
\t <td>HS Code: 9503.90 </td>
<td>Unit Qty: 1.00 PCS </td>
<td>Unit Value: 5.600000</td>
<td>Commodity Value: 5.60 </td>
</tr>
<tr>
\t <td colspan="4">
\t Desc: Foil Ballon
</td>
</tr>
</table>
<table class="tstripe" width="100%">
\t <tr>
\t <td>Part Nbr:</td>
<td>Marks/Nbrs: </td>
<td>Cntry MFG: US </td>
<td> Net Wgt: 0.00 lbs</td>
</tr>
</table>
<table width="100%">
\t <tr>
\t <td>HS Code: 9503.90 </td>
<td>Unit Qty: 1.00 PCS </td>
<td>Unit Value: 5.600000</td>
<td>Commodity Value: 5.60 </td>
</tr>
<tr>
\t <td colspan="4">
\t Desc: Foil Ballon
</td>
</tr>
</table>
<table class="tstripe" width="100%">
\t <tr>
\t <td>Part Nbr:</td>
<td>Marks/Nbrs: </td>
<td>Cntry MFG: US </td>
<td> Net Wgt: 0.00 lbs</td>
</tr>
</table>
<table width="100%">
\t <tr>
\t <td>HS Code: 9503.90 </td>
<td>Unit Qty: 1.00 PCS </td>
<td>Unit Value: 5.600000</td>
<td>Commodity Value: 5.60 </td>
</tr>
<tr>
\t <td colspan="4">
\t Desc: Foil Ballon
</td>
</tr>
</table>
<!-- Total -->
<table class="tstripe" width="100%" style="margin-top:30px;">
\t <tr>
\t <td align="right">Total Shipment Weight::</td>
<td>1</td>
<td align="right">Total Commodity </td>
<td align="right">29.12</td>
</tr>
<tr>
\t <td align="right" colspan="3">Terms of Sale:</td>
<td align="right">FCA</td>
</tr>
<tr>
\t <td align="right" colspan="3">Freight:</td>
<td align="right">0.00</td>
</tr>
<tr>
\t <td align="right" colspan="3">Insurance:</td>
<td align="right">0.00</td>
</tr>
<tr>
\t <td align="right" colspan="3">Others:</td>
\t \t <td align="right">0.00</td>
</tr>
<tr>
\t <td align="right" colspan="3">Total Invoice Value:</td>
<td align="right">29.12</td>
</tr> \t \t \t \t
</table>
<table>
<tr><td> \t Comments</td></tr>
<tr><td>1) </td></tr>
<tr><td>2) </td></tr>
<tr><td>3) </td></tr>
<tr>
\t <td>Tracking Numbers: 738443302589 </td>
</tr>
<tr>
\t <td>I declare all information in this invoice to be true and correct. </td>
</tr>
<tr>
\t <td>Signature of shipper: VENNY PERSAUD <span style="float:right;">8/14/2017</span></td>
</tr>
</table>
</div>
</body>
</html>