Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在不将页边距设置为0的情况下从window.print()中删除页眉和页脚?_Javascript_Html_Css - Fatal编程技术网

Javascript 如何在不将页边距设置为0的情况下从window.print()中删除页眉和页脚?

Javascript 如何在不将页边距设置为0的情况下从window.print()中删除页眉和页脚?,javascript,html,css,Javascript,Html,Css,我有一个HTML代码,其中包含一个要使用window.print()打印的表。我需要删除每页上的页眉和页脚(浏览器自动添加的页眉和页脚,我的意思是URL、页数等),但我需要保留特定大小的边距。 这是我的CSS: @page { size: auto; margin: 5cm 0 5cm 0; } body { margin:0; padding:0; } table { page-break-inside:auto } tr { page-break-i

我有一个HTML代码,其中包含一个要使用window.print()打印的表。我需要删除每页上的页眉和页脚(浏览器自动添加的页眉和页脚,我的意思是URL、页数等),但我需要保留特定大小的边距。 这是我的CSS:

@page { 
    size: auto;
    margin: 5cm 0 5cm 0;
}
body {
    margin:0;
    padding:0;
}

table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }
我需要保留这5厘米,因为我工作的公司使用的是以前的信纸。如何在不修改页边距的情况下删除这些页眉和页脚?

只需在css中使用查询即可。例如:

@媒体打印{
thead,tfoot{
显示:无!重要
}
}

我希望能这么容易。我的意思是,浏览器正在创建的自动页眉和页脚,包含URL、页数和其他无用的(在我的情况下)数据

好的,现在,我明白了。你可以试试这个(应该可以在Chrome上使用):


我的意思是,页眉和页脚,而不是表格。很抱歉我会编辑答案。@Axellon不,没问题。您还可以将其应用于页眉和页脚的相应选择器,而不是
thead,tfoot
。e、 g.
.page header{display:none!important;}
我希望它能这么简单。我的意思是,浏览器正在创建的自动页眉和页脚,其中包含URL、页数和其他无用的(在我的情况下)数据。@Axellon我明白了。更新了我的答案。希望有帮助。哦,上帝,你太棒了。多谢各位!
@media print {
  @page {
    size: auto;
    margin: 0mm;
  }

  /* in case @page {margin: 5cm 0 5cm 0;} doesn't work */
  body {
    padding-top: 5cm !important;
    padding-bottom: 5cm !important;
  }
}