CSS @media 打印计数器(页面)问题

Question

我有一个关于 content: counter(page) 在我的媒体打印中的问题。如果页边距设置为 0，页面的计数器就会消失:

  @page {
    counter-reset: page;
    size: A4;   /* auto is the initial value */
    margin: 0;  /* this affects the margin in the printer settings */
    @top-right {content: counter(page);}
    }

另一方面，如果我不使用设置为 0 的边距，其他元素会出现在页面的 Angular 落，例如网站 URL、标题和当前日期，这是我不想要的。

我想知道是否有一种方法可以在使用 margin:0 后显示计数器页面，或者如果我不使用 margin 0 是否可以隐藏其他 3 个元素。

如有任何帮助或建议，我们将不胜感激!

Answer 1

您是否尝试过仅将底部和顶部边距设置为 0？

margin-bottom:0;
margin-top:0;