2013-07-01 2 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; width: 264px; '. И я не знаю, почему я использую px. Есть ли другая форма измерения. – deathtap

ответ

0

Для чего я намерен (или пытаюсь сделать), я решил пойти с jsPDF, поскольку он сделал то, что я хотел сделать.

Смежные вопросы