Печать только содержимого в dotmatrix Printer - PullRequest
Новая
       72

Печать только содержимого в dotmatrix Printer

0 голосов
/ 10 января 2019

Мы работали над проектом, в котором содержимое страницы html необходимо распечатать на матричном принтере с помощью функции печати JavaScript. Проблема, с которой мы сталкиваемся, заключается в том, что после печати содержимого остается пустое место.

Настройки страницы: A4 / Legal, поскольку не может быть определенной высоты, поскольку высота напечатанного содержимого может варьироваться.

Мы пробовали использовать следующий CSS: 

.page-break {
    display: none; /**Added only this on 18-12-2018*/
    page-break-after: always;
}

html {
    height: 99%;
}

@@media all {
    .page-break {
        visibility: hidden;
    }
}

@@media print {
    body * {
        display: none;
        height: 0;
    }
}

1 Ответ

0 голосов
/ 11 января 2019

Вы можете попробовать добавить пробел между @@ и media, например, @@ media. Подобная ошибка в .NET Razor.

Вы также можете использовать @page для управления полями, размером и разрывами страниц.

MDN: Правило CSS @page @ используется для изменения некоторых свойств CSS при печати документа. Вы не можете изменить все свойства CSS с помощью @page. Вы можете изменить только поля, сироты, вдовы и разрывы страниц документа. Попытки изменить любые другие свойства CSS будут игнорироваться.

Или вы также можете попробовать это 

<style type="text/css">
.page-break {
    display: none; /**Added only this on 18-12-2018*/
    page-break-after: always;
}

html {
    height: 99%;
}
</style>
<style type="text/css" media="all">
       .page-break {
        visibility: hidden;
    }
</style>
<style type="text/css" media="print">
    body * {
        display: none;
        height: 0;
    }
</style>
...