Question

我在需要打印的页面上有这些巨大的文本块，并且我想添加顶部和底部边距，以使文本不太靠近打印页面的边缘。由于这些文本块无法通过标签进行分解，因为它们是由rss feed搜寻器聚合的，因此我尝试在CSS中使用@page，但到目前为止没有成功。我正在使用Chrome和打印机预览。如果有问题，我正在使用wordpress。

这是PDF格式的图像。 Printed text block

我尝试将其放入public void onPageFinished(WebView webView, String str) { webView.evaluateJavascript("(function(){return window.document.body.outerHTML})();", new ValueCallback<String>() { public void onReceiveValue(String str) { (code that uses the output of examplefunction()) } }); }或@media screen，并添加@media print，而我已经在网络上搜索了一个小时...

我在CSS文件中添加了此CSS（并尝试了其他变体），但这并不适用。所有其他@media打印样式都可以使用。

!important

任何指针将不胜感激，因此我可以在打印页面的顶部和底部添加页边空白。

Answer 1

寻址印刷元素通常通过使用@media print完成，就像您已经写过的那样。但是除此之外，您还需要在该媒体查询中使用一个选择器。因此，如果这些文本块具有例如类.my_class，则CSS为

@media print {
  .my_class {
    margin-top: 2cm;
  }
}

如果文本块没有任何类，请考虑使用HTML或生成它们的脚本将类应用于它们。

在评论后添加：

您尝试组合 @media print和@page吗？像这样（我通常以这种方式使用它并且对我有用）：

@media print {
    @page  { 
        margin-top: 2cm;
    }
}

CSS @page不适用

1 个答案: