javascript - 使用 print.css 样式表删除打印时出现的元素

<分区>

问题

我目前正在使用样式表 print.css 来删除元素和一些样式来创建打印友好的页面，但我似乎无法删除出现在 Angular 落的四个东西页面，但不在 HTML 中:分页、打印日期、页面标题、页面 URL

我从洛杉矶时报看到这个例子，它显示了不在 HTML 中但通常在打印时出现的元素被删除:http://graphics.latimes.com/oscar-bingo-2015/

最佳答案

StackOverflow 上有很多关于这个主题的帖子:

看起来它可以通过使用 @page media property 来工作结合打印媒体属性:

@media print {
    @page { margin: 0; }
  }

但是，它似乎只能在 Chrome 中工作(目前)。火狐 can be made不过，有义务。在其他地方，建议动态创建 PDF - 或者使用 JavaScript 至少将页面标题设置为空字符串。

另外，我想问你为什么要隐藏你的用户通常习惯控制的东西。

不过，要回答您的问题:《洛杉矶时报》使用 bootstrap，它按如下方式设置页边距:

...@page{margin:.5cm}...

关于javascript - 使用 print.css 样式表删除打印时出现的元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30039401/

相关文章：

html - 无法在 HTML 中引用 CSS(python/flask)