2013-07-01 66 views
0

我必须打印一些东西,它必须非常具体。从CSS打印的特定格式

现在,我尽可能地走了,但我想知道的是如何使表格适合指定的边距。

/* ===== Printing ===== */ 
@media print { 
    /*Reset Style*/ 
    body { 
     margin:0; 
     padding:0; 
    } 

    /*Remove Element*/ 
    .main, .wrapper, .pat_index_col1, #header, #footer, .dataTables_wrapper, #h4 { 
     display:none; 
     } 

    .print { 
     height: 132.283464567px; 
     width: 264.566929134px; 
     border:1px solid #000; 
     border-radius:5px; 
     page-break-inside:avoid; 
    } 

    table { 
     width: 264.566929134px; 
     height: 132.283464567px; 
    } 

    thead { 
     font-family:Arial, Helvetica, sans-serif; 
     font-size:10px; 
    } 

    tbody { 
     font-family:Arial, Helvetica, sans-serif; 
     font-size:12px; 
    } 

    tfoot { 
      font-family:Arial, Helvetica, sans-serif; 
      font-size:8px; 
      background-color:#060; 
    } 
} 

我需要的表适合上面指定的参数。他们必须是那么大,因为他们需要装入特殊标签。

有没有一种方法可以在打印语句中放置一个表格,以便它能够适应这些“边距”?或者,如果有另一种方式来打印HTML,使其符合指定的尺寸,我将非常乐意研究它。

+0

'我需要的表格适合上面指定的参数' - 哪些?您已将固定尺寸分配给表格。为什么你使用'px'打印样式? – zeroflagL

+0

'.print'元素中的表是什么?如果是这样,那么'100%'不会起作用吗? –

+0

@zeroflagL对不起。需要适合'身高:132px;宽度:264px;'。我不知道我为什么使用px。还有另一种度量方式吗? – deathtap

回答

0

对于我打算做的(或尝试做),我决定按照我想做的那样去做jsPDF