如何在浏览器

时间:2017-09-17 16:23:47

标签: html css printing

我正在为我的客户设置友好的可打印文档。从那时起,我想设置一个默认的打印选项,默认选择页面页脚选项。 就像这样:

enter image description here

到目前为止,我知道有一个选项:

@page {
  size: auto; 
  margin: 0mm;  
}

但是,我不太确定是否可以选择上述选项。

感谢。

1 个答案:

答案 0 :(得分:1)

您无法更改此类浏览器的默认设置。 ' 页眉和页脚'是Chrome中的用户选项。 Chrome会尊重用户的偏好,而不是网站。

您尝试使用的@page规则只能隐藏页眉和页脚,因为您可以更改页边距,但它并不是真正的原因专为。而设计。

话虽如此,您仍然可以选择制作自己的页眉和页脚,这些页眉和页脚仅在打印时可见。例如:

HTML

<body>
  <div id="print-head">Page 1. Hidden in browser, shows up printing.</div>
  <div>This is just a normal div that shows up on both.</div>
</body>

CSS

#print-head {
  display: none;
}
@media print {
  #print-head {
    display: block;
  }
}

我知道你说你想要页码,但是你需要确切地知道分页的确切位置。即使您自己定义了分页符,也无法保证用户设置/环境不会引入额外的中断,这会导致页眉/页脚不合适。