从CSS打印的特定格式

时间:2013-07-01 13:52:17

标签: css printing

我必须打印一些东西,而且必须非常具体。

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

/* ===== 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;
    }
}

我需要表格符合上面指定的参数。它们必须很大,因为它们需要适合特殊标签。

有没有办法可以在print语句中放置一个表,以便它强制适应那些“边距”?或者如果有另一种方法来打印HTML以使其符合指定的尺寸,我会非常愿意调查它。

1 个答案:

答案 0 :(得分:0)

对于我打算做的事情(或尝试做的事情),我决定选择jsPDF,就像我想做的那样。