定位表格进行打印

时间:2013-05-08 12:19:59

标签: templates printing html-table position

我想要自定义html-print。 我需要在页面底部的某个位置打印文本以适合模板(打印纸)。 如何将最后一张桌子放在离底部2英寸的位置? (CartTable“属于”应用程序)。 现在,最后一个表出现在CartTable下面。

请帮助我!


<style>
    body
    {
        background-color:White;
        font-family: Helvetica,Arial,sans-serif;    
    }
    .CartTable  {
        position:absolute;
        vertical-align:top; 
        padding-top:5pt; 
        width:492pt;
        border: 1px solid black;   
        font-size: 8pt;
        font-family: Helvetica,Arial,sans-serif;    }   .CartTable2     {
        position:absolute;
        vertical-align:top; 
        padding-top:5pt; 
        width:492pt;  
        font-size: 8pt;
        font-family: Helvetica,Arial,sans-serif;    }   .CartTdAmmount  {
       vertical-align:top; 
       text-align:right;        }   .BorderTopTable     {
        width:492pt;
        border-top: 3px solid black;   
        font-size: 8pt;
        font-family: Helvetica,Arial,sans-serif;    }   .BorderTable    {
        position:absolute;
        vertical-align:top; 
        padding-top:5pt; 
        width:498pt;
        border: 1px solid black;   
        font-size: 8pt;
        font-family: Helvetica,Arial,sans-serif;    }   .HeaderTr   {
        position:absolute;
        vertical-align:top;  
        padding-top:5pt;  
        border-bottom: solid 1px black; 
        background-color: #CCCCCC; 
        font-weight:bold;
        font-size: 9pt;
        font-family: Helvetica,Arial,sans-serif; 
        height:12pt;        } </style> <table class=##CartTable##>   <thead>##CartHeader## </thead> <tbody>##CartIncTax## </tbody> <tfoot> 
<tr> 
    <td colspan=7> 
      <table style="WIDTH: 492pt; FONT-SIZE: 8pt; BORDER-TOP: black 1px solid">
        <tbody> 
        <tr style="HEIGHT: 18pt"> 
          <td></td>
        </tr>
        </tbody> 
      </table>
    </td>   </tr>   </tfoot>  </table>

<table>   <tr> 
    <td >&nbsp;</td>
    <td>Bankaccount info:</td>   </tr>   <tr> 
    <td>&nbsp;</td>
    <td >##Bankaccount##</td>   </tr>

</table>

1 个答案:

答案 0 :(得分:0)

sticky footer这样的东西会有帮助吗?