我们一直在研究一个项目,该项目需要使用JavaScript打印功能在点矩阵打印机中打印html页面中的内容。我们面临的问题是在打印内容之后会有空白。
页面设置为A4 /合法,因为不能确定高度,因为打印内容的高度可能会发生变化。
我们尝试使用以下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;
}
}
答案 0 :(得分:0)
您可以尝试在@@
和media
之间添加空格。 .NET Razor有一个类似的错误。
您还可以使用@page
来控制页边距,大小和分页符。
MDN::@page CSS规则用于在打印文档时修改某些CSS属性。您不能使用@page更改所有CSS属性。您只能更改文档的页边距,孤儿,寡妇和分页符。尝试更改任何其他CSS属性将被忽略。
或者您也可以尝试
@@ media