无法使用print css在最新的chrome浏览器中设置页码 [英] Not able to set page number in latest chrome browser using print css

查看:186
本文介绍了无法使用print css在最新的chrome浏览器中设置页码的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我试图打印一张超过2页的发票,并且我希望打印时在页面底部显示页码。它在Firefox上工作正常,但Chrome只在所有页面中打印页面1。有没有解决办法(替代方法来打印页码)?我尝试了很多解决方案,但这不适用于Chrome或IE。请帮助

/ @ page {size:8.27in 11.69in;保证金:0.5厘米; } body {font-family:Courier New,Courier,等宽;行高:1.5; font-size:11pt; } .header {position:fixed;顶部:0;文本对齐:中心;宽度:100%;保证金:0汽车;高度:100像素;底部:1EM; } .page-layout {page-break-after:always;位置:相对;宽度:100%;顶部:2em的; //匹配左侧标题的大小:0px;右:0像素; } .footer {position:fixed;底部:0;文本对齐:中心;宽度:100%;保证金:0汽车; } .footer:在{width:100%;保证金:0汽车;文本对齐:中心;反增量:页面; content:Pagecounter(page);} .inv-details {} .tstripe {border-top:2px dashed#000;} table {page-break-inside:avoid;} pre>

<!DOCTYPE HTML>< html>< head>< meta http-equiv = Content-Typecontent =text / html; charset = utf-8>< title>发票< / title>< link rel =stylesheettype =text / cssmedia =printhref =css / print.css/>< / head>< body>< div class =header>商业发票< / div>< div class =page-layout>< div class =footer>< / div>< table class =inv-detailswidth =100%> < TR> < td>发票号码< / td> < td>货运目的< / td> < td> Curr< br /> USD< / TD> < td> Ult Dest。 < br />美国< / td> < / TR> < TR> < td>汇出Dt< br /> 8/14/2017< / td> < TD> C.I。参考文献< / td> < td> Pkgs< br /> 1< br /> OTH< / td> < td> Bill T / C< br /> 1378-4267-0< / td> < / tr>< / table>< table class =tstripewidth =100%> < TR> < td width =50%>发货人:< br /> VENNY PERSAUD< br /> SBC INC,< br /> 130 MATHESON BLVD,E,< br /> UNIT 1< / td> < td width =50%>收货人:< br />马龙布劳德< br />马龙布劳德< br /> 320 E GILLESPIE ST< / td> < / TR> < TR> < 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 =tstripewidth =100%> < TR> < td valign =topwidth =50%>经纪人< br />联邦快递地面的经纪人< / td> < TD>进口商< 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> < / table><! - Item 1 - >< table class =tstripewidth =100%> < TR> < td> Part Nbr:< / td> < td> Marks / Nbrs:< / td> < td> Cntry MFG:US< / td> < TD>净重:0.00磅< / td> < / tr>< / table>< table width =100%> < TR> < td> HS编码:9503.90< / td> < td>单位数量:1.00 PCS< / td> < td>单位值:5.600000< / td>商品价值:5.60< / td> < / TR> < TR> < td colspan =4>描述:Latex Ballon< / td> < / table><! - Item 2 - >< table class =tstripewidth =100%> < TR> < td> Part Nbr:< / td> < td> Marks / Nbrs:< / td> < td> Cntry MFG:US< / td> < TD>净重:0.00磅< / td> < / tr>< / table>< table width =100%> < TR> < td> HS编码:9503.90< / td> < td>单位数量:1.00 PCS< / td> < td>单位值:5.600000< / td>商品价值:5.60< / td> < / TR> < TR> < td colspan =4>描述:铝箔气球< / td> < / tr>< / table>< table class =tstripewidth =100%> < TR> < td> Part Nbr:< / td> < td> Marks / Nbrs:< / td> < td> Cntry MFG:US< / td> < TD>净重:0.00磅< / td> < / tr>< / table>< table width =100%> < TR> < td> HS编码:9503.90< / td> < td>单位数量:1.00 PCS< / td> < td>单位值:5.600000< / td>商品价值:5.60< / td> < / TR> < TR> < td colspan =4>描述:铝箔气球< / td> < / tr>< / table>< table class =tstripewidth =100%> < TR> < td> Part Nbr:< / td> < td> Marks / Nbrs:< / td> < td> Cntry MFG:US< / td> < TD>净重:0.00磅< / td> < / tr>< / table>< table width =100%> < TR> < td> HS编码:9503.90< / td> < td>单位数量:1.00 PCS< / td> < td>单位值:5.600000< / td>商品价值:5.60< / td> < / TR> < TR> < td colspan =4>描述:铝箔气球< / td> < / tr>< / table>< table class =tstripewidth =100%> < TR> < td> Part Nbr:< / td> < td> Marks / Nbrs:< / td> < td> Cntry MFG:US< / td> < TD>净重:0.00磅< / td> < / tr>< / table>< table width =100%> < TR> < td> HS编码:9503.90< / td> < td>单位数量:1.00 PCS< / td> < td>单位值:5.600000< / td>商品价值:5.60< / td> < / TR> < TR> < td colspan =4>描述:铝箔气球< / td> < / tr>< / table>< table class =tstripewidth =100%> < TR> < td> Part Nbr:< / td> < td> Marks / Nbrs:< / td> < td> Cntry MFG:US< / td> < TD>净重:0.00磅< / td> < / tr>< / table>< table width =100%> < TR> < td> HS编码:9503.90< / td> < td>单位数量:1.00 PCS< / td> < td>单位值:5.600000< / td>商品价值:5.60< / td> < / TR> < TR> < td colspan =4>描述:铝箔气球< / td> < / table><! - Total - >< table class =tstripewidth =100%style =margin-top:30px;> < TR> < td align =right>总运费重量::< / td> < TD→1< / TD> < td align =right>商品总数< / td> < td align =right> 29.12< / td> < / TR> < TR> < td align =rightcolspan =3>销售条款:< / td> < td align =right> FCA< / td> < / TR> < TR> < td align =rightcolspan =3>运费:< / td> < td align =right> 0.00< / td> < / TR> < TR> < td align =rightcolspan =3>保险:< / td> < td align =right> 0.00< / td> < / TR> < TR> < td align =rightcolspan =3>其他:< / td> < td align =right> 0.00< / td> < / TR> < TR> < td align =rightcolspan =3> Total Invoice Value:< / td> < td align =right> 29.12< / td> < / TR> < /表><表>< TR>< TD>评论< / td>< td> 1)< / td>< / tr>< tr>< td> 2)< / td>< / tr> < tr>< td> 3)< / td>< / tr>< tr> < td>追踪号码:738443302589< / td> < / TR> < TR> < td>我声明此发票中的所有信息都是真实和正确的。 < / TD> < / TR> < TR> < / tr>< / table>< / tr>< / td>< td> div>< / body>< / html>

解决方案

我找到了一种方法,使用jquery以chrome方式执行此操作。

data-hide =falsedata-console =truedata-babel =false>

  var bottom = 0; $(document).ready(function(){$(table:nth-​​child(9n))。each(function(){bottom  -  = 5; botString = (); $ counter(); $ counter.css(bottom,botString +vh)​​;($ counter(); $ counter.toString(); var $ counter = $('。footer.first')。 ).insertBefore('。insert');});});  

  @charsetutf-8; / * CSS Document * / @ page {size:8.27in 11.69in;保证金:0.5厘米; } body {font-family:Courier New,Courier,等宽;行高:1.5; font-size:11pt; } .header {position:fixed;顶部:0;文本对齐:中心;宽度:100%;保证金:0汽车;高度:100像素;底部:1EM; } .page-layout {page-break-after:always;位置:相对;宽度:100%;顶部:2em的; //匹配左侧标题的大小:0px;右:0像素; } body {counter-reset:page; } .footer {text-align:center;宽度:100%;保证金:0汽车;位置:绝对; } .footer :: after {top:95vh;位置:相对;白色空间:nowrap; z-index:20px;宽度:100%;保证金:0汽车;文本对齐:中心;反增量:页面; content:Pagecounter(page);} .inv-details {} .tstripe {border-top:2px dashed#000;} table {page-break-inside:avoid;}  pre> 

< script src =https://ajax.googleapis.com/ajax/libs/jquery /2.1.1/jquery.min.js\"> ;</script><div class =footer first>< / div> < div class =insert>< / div>< div class =header>商业发票< / div>< div class =page-layout>< table class =inv -detailswidth =100%> < TR> < td>发票号码< / td> < td>货运目的< / td> < td> Curr< br /> USD< / TD> < td> Ult Dest。 < br />美国< / td> < / TR> < TR> < td>汇出Dt< br /> 8/14/2017< / td> < TD> C.I。参考文献< / td> < td> Pkgs< br /> 1< br /> OTH< / td> < td> Bill T / C< br /> 1378-4267-0< / td> < / tr>< / table>< table class =tstripewidth =100%> < TR> < td width =50%>发货人:< br /> VENNY PERSAUD< br /> SBC INC,< br /> 130 MATHESON BLVD,E,< br /> UNIT 1< / td> < td width =50%>收货人:< br />马龙布劳德< br />马龙布劳德< br /> 320 E GILLESPIE ST< / td> < / TR> < TR> < 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 =tstripewidth =100%> < TR> < td valign =topwidth =50%>经纪人< br />联邦快递地面的经纪人< / td> < TD>进口商< 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> < / table><! - Item 1 - >< table class =tstripewidth =100%> < TR> < td> Part Nbr:< / td> < td> Marks / Nbrs:< / td> < td> Cntry MFG:US< / td> < TD>净重:0.00磅< / td> < / tr>< / table>< table width =100%> < TR> < td> HS编码:9503.90< / td> < td>单位数量:1.00 PCS< / td> < td>单位值:5.600000< / td>商品价值:5.60< / td> < / TR> < TR> < td colspan =4>描述:铝箔气球< / td> < / table><! - Item 2 - >< table class =tstripewidth =100%> < TR> < td> Part Nbr:< / td> < td> Marks / Nbrs:< / td> < td> Cntry MFG:US< / td> < TD>净重:0.00磅< / td> < / tr>< / table>< table width =100%> < TR> < td> HS编码:9503.90< / td> < td>单位数量:1.00 PCS< / td> < td>单位值:5.600000< / td>商品价值:5.60< / td> < / TR> < TR> < td colspan =4>描述:铝箔气球< / td> < / table><! - Item 3 - >< table class =tstripewidth =100%> < TR> < td> Part Nbr:< / td> < td> Marks / Nbrs:< / td> < td> Cntry MFG:US< / td> < TD>净重:0.00磅< / td> < / tr>< / table>< table width =100%> < TR> < td> HS编码:9503.90< / td> < td>单位数量:1.00 PCS< / td> < td>单位值:5.600000< / td>商品价值:5.60< / td> < / TR> < TR> < td colspan =4>描述:铝箔气球< / td> < / table><! - Item 4 - >< table class =tstripewidth =100%> < TR> < td> Part Nbr:< / td> < td> Marks / Nbrs:< / td> < td> Cntry MFG:US< / td> < TD>净重:0.00磅< / td> < / tr>< / table>< table width =100%> < TR> < td> HS编码:9503.90< / td> < td>单位数量:1.00 PCS< / td> < td>单位值:5.600000< / td>商品价值:5.60< / td> < / TR> < TR> < td colspan =4>描述:铝箔气球< / td> < / table><! - Item 5 - >< table class =tstripewidth =100%> < TR> < td> Part Nbr:< / td> < td> Marks / Nbrs:< / td> < td> Cntry MFG:US< / td> < TD>净重:0.00磅< / td> < / tr>< / table>< table width =100%> < TR> < td> HS编码:9503.90< / td> < td>单位数量:1.00 PCS< / td> < td>单位值:5.600000< / td>商品价值:5.60< / td> < / TR> < TR> < td colspan =4>描述:铝箔气球< / td> < / table><! - Item 6 - >< table class =tstripewidth =100%> < TR> < td> Part Nbr:< / td> < td> Marks / Nbrs:< / td> < td> Cntry MFG:US< / td> < TD>净重:0.00磅< / td> < / tr>< / table>< table width =100%> < TR> < td> HS编码:9503.90< / td> < td>单位数量:1.00 PCS< / td> < td>单位值:5.600000< / td>商品价值:5.60< / td> < / TR> < TR> < td colspan =4>描述:铝箔气球< / td> < / table><! - Total - >< table class =tstripewidth =100%style =margin-top:30px;> < TR> < td align =right>总运费重量::< / td> < TD→1< / TD> < td align =right>商品总数< / td> < td align =right> 29.12< / td> < / TR> < TR> < td align =rightcolspan =3>销售条款:< / td> < td align =right> FCA< / td> < / TR> < TR> < td align =rightcolspan =3>运费:< / td> < td align =right> 0.00< / td> < / TR> < TR> < td align =rightcolspan =3>保险:< / td> < td align =right> 0.00< / td> < / TR> < TR> < td align =rightcolspan =3>其他:< / td> < td align =right> 0.00< / td> < / TR> < TR> < td align =rightcolspan =3> Total Invoice Value:< / td> < td align =right> 29.12< / td> < / TR> < /表><表>< TR>< TD>评论< / td>< td> 1)< / td>< / tr>< tr>< td> 2)< / td>< / tr> < tr>< td> 3)< / td>< / tr>< tr> < td>追踪号码:738443302589< / td> < / TR> < TR> < td>我声明此发票中的所有信息都是真实和正确的。 < / TD> < / TR> < TR> < / tr>< / table>< / tr>< / td>< td> div>


I am trying to print a invoice which goes over 2 pages and i want the page number to be displayed at the bottom while printing. It works fine on Firefox but chrome just prints page 1 in all pages. Is there any work around (alternate way to print page number)? I tried a lot of solutions but this does not work on chrome or IE. Please help

@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;
	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);
}	
.inv-details {  }
.tstripe { border-top:2px dashed #000;} 
table {
	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%">
	<tr>
    	<td>Invoice Number</td>
        <td>Purpose of Shipment</td>
        <td>Curr <br /> USD</td>
        <td>Ult Dest. <br /> US </td>
    </tr>
    <tr>
    	<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%">
	<tr>
    	<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>
      	<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%">
	<tr>
    	<td  valign="top" width="50%">
        	Broker <br />
            FedEx Ground's Broker
        </td>
        <td>
        	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%">
	<tr>
    	<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%">
	<tr>
    	<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>
    	<td colspan="4">
        	Desc: Latex Ballon
        </td>
      </tr>
</table>
<!-- Item 2 -->
<table class="tstripe" width="100%">
	<tr>
    	<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%">
	<tr>
    	<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>
    	<td colspan="4">
        	Desc: Foil Ballon
        </td>
      </tr>
</table>

<table class="tstripe" width="100%">
	<tr>
    	<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%">
	<tr>
    	<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>
    	<td colspan="4">
        	Desc: Foil Ballon
        </td>
      </tr>
</table>

<table class="tstripe" width="100%">
	<tr>
    	<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%">
	<tr>
    	<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>
    	<td colspan="4">
        	Desc: Foil Ballon
        </td>
      </tr>
</table>

<table class="tstripe" width="100%">
	<tr>
    	<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%">
	<tr>
    	<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>
    	<td colspan="4">
        	Desc: Foil Ballon
        </td>
      </tr>
</table>

<table class="tstripe" width="100%">
	<tr>
    	<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%">
	<tr>
    	<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>
    	<td colspan="4">
        	Desc: Foil Ballon
        </td>
      </tr>
</table>



<!-- Total -->
<table class="tstripe" width="100%"  style="margin-top:30px;">
	<tr>
    	<td align="right">Total Shipment Weight::</td>
        <td>1</td>
        <td align="right">Total Commodity </td>
        <td align="right">29.12</td>
     </tr>
     <tr>
     	<td align="right" colspan="3">Terms of Sale:</td>
        <td align="right">FCA</td>
      </tr>
      <tr>
      	<td align="right"  colspan="3">Freight:</td>
        <td align="right">0.00</td>
      </tr>
      <tr>
      	<td align="right"  colspan="3">Insurance:</td>
        <td align="right">0.00</td>
      </tr>
      <tr>
      	<td align="right"  colspan="3">Others:</td>
		<td align="right">0.00</td>
       </tr>
       <tr>
       	<td align="right"  colspan="3">Total Invoice Value:</td>
        <td align="right">29.12</td>
       </tr>			     	
</table>

<table>
<tr><td>	Comments</td></tr>
<tr><td>1)  </td></tr>
<tr><td>2) </td></tr>
<tr><td>3) </td></tr>
<tr>
	<td>Tracking Numbers: 738443302589 </td>
 </tr>
 <tr>
	<td>I declare all information in this invoice to be true and correct. </td>
   </tr>
  <tr>
	<td>Signature of shipper: VENNY PERSAUD <span style="float:right;">8/14/2017</span></td>
</tr>
</table>
</div>
</body>
</html>

解决方案

I found a way to do this in chrome using jquery somehow.

var bottom = 0;
$(document).ready(function() {
  $("table:nth-child(9n)").each(function() {
    bottom -= 5;
    botString = bottom.toString();
    var $counter = $('.footer.first').clone().removeClass('first');
    $counter.css("bottom", botString + "vh");
    ($counter).insertBefore('.insert');
  });
});

@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;
	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;       
     
    }    
    body { counter-reset: page; }     
.footer {text-align:center; width:100%; margin:0 auto; position: absolute; }
.footer::after { top: 95vh; position: relative;
    white-space: nowrap; 
    z-index: 20px; width:100%;  margin:0 auto; text-align:center;
    counter-increment: page;
   content:"Page " counter(page);
}	
.inv-details {  }
.tstripe { border-top:2px dashed #000;} 
table {
	page-break-inside: avoid;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="footer first"></div>
 <div class="insert"></div>
<div class="header">Commercial Invoice</div>
<div class="page-layout">

<table class="inv-details" width="100%">
	<tr>
    	<td>Invoice Number</td>
        <td>Purpose of Shipment</td>
        <td>Curr <br /> USD</td>
        <td>Ult Dest. <br /> US </td>
    </tr>
    <tr>
    	<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%">
	<tr>
    	<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>
      	<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%">
	<tr>
    	<td  valign="top" width="50%">
        	Broker <br />
            FedEx Ground's Broker
        </td>
        <td>
        	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%">
    <tr>
        <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%">
    <tr>
        <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>
        <td colspan="4">
            Desc: Foil Ballon
        </td>
      </tr>
</table>


<!-- Item 2 -->
<table class="tstripe" width="100%">
	<tr>
    	<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%">
	<tr>
    	<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>
    	<td colspan="4">
        	Desc: Foil Ballon
        </td>
      </tr>
</table>

<!-- Item 3 -->
<table class="tstripe" width="100%">
    <tr>
        <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%">
    <tr>
        <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>
        <td colspan="4">
            Desc: Foil Ballon
        </td>
      </tr>
</table>

<!-- Item 4 -->
<table class="tstripe" width="100%">
    <tr>
        <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%">
    <tr>
        <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>
        <td colspan="4">
            Desc: Foil Ballon
        </td>
      </tr>
</table>

<!-- Item 5 -->
<table class="tstripe" width="100%">
    <tr>
        <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%">
    <tr>
        <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>
        <td colspan="4">
            Desc: Foil Ballon
        </td>
      </tr>
</table>


<!-- Item 6 -->
<table class="tstripe" width="100%">
    <tr>
        <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%">
    <tr>
        <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>
        <td colspan="4">
            Desc: Foil Ballon
        </td>
      </tr>
</table>

<!-- Total -->
<table class="tstripe" width="100%"  style="margin-top:30px;">
	<tr>
    	<td align="right">Total Shipment Weight::</td>
        <td>1</td>
        <td align="right">Total Commodity </td>
        <td align="right">29.12</td>
     </tr>
     <tr>
     	<td align="right" colspan="3">Terms of Sale:</td>
        <td align="right">FCA</td>
      </tr>
      <tr>
      	<td align="right"  colspan="3">Freight:</td>
        <td align="right">0.00</td>
      </tr>
      <tr>
      	<td align="right"  colspan="3">Insurance:</td>
        <td align="right">0.00</td>
      </tr>
      <tr>
      	<td align="right"  colspan="3">Others:</td>
		<td align="right">0.00</td>
       </tr>
       <tr>
       	<td align="right"  colspan="3">Total Invoice Value:</td>
        <td align="right">29.12</td>
       </tr>			     	
</table>

<table>
<tr><td>	Comments</td></tr>
<tr><td>1)  </td></tr>
<tr><td>2) </td></tr>
<tr><td>3) </td></tr>
<tr>
	<td>Tracking Numbers: 738443302589 </td>
 </tr>
 <tr>
	<td>I declare all information in this invoice to be true and correct. </td>
   </tr>
  <tr>
	<td>Signature of shipper: VENNY PERSAUD <span style="float:right;">8/14/2017</span></td>
</tr>
</table>
</div>

这篇关于无法使用print css在最新的chrome浏览器中设置页码的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
相关文章
前端开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆