打印网页去掉页眉和页脚，js打印横向，打印表格自动换页

最新推荐文章于 2024-10-18 11:00:52 发布

css3html5csdn

最新推荐文章于 2024-10-18 11:00:52 发布

阅读量846

点赞数 1

分类专栏： js 文章标签：打印网页去掉页眉和页脚 js打印横向打印表格自动换页

本文链接：https://blog.csdn.net/qq_38402659/article/details/98737321

版权

本文介绍了如何使用JavaScript实现网页打印时去除页眉和页脚，设置页面为横向布局，并确保表格在打印过程中自动换页，以保持表格完整性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta content="always" name="referrer"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
    *{
      color: #3a3a3a;
      margin: 0px;
      padding: 0px;
      font-size: 16px;
    }
    .contentbox{
      /* height:1123px;
      width:794px; */

      /* height:794px; */
      width:1123px;
      
      /* border:1px solid red; */
      margin: 0 auto;
    }
    .title-box{
      width: 100%;
      border-bottom: 1px solid #dcdcdc;
      padding: 15px 0;
      overflow: hidden;
    }
    .title-box img{
      height: 34px;
      float: left;
    }
    .title-box div{
      float: right;
      line-height: 34px;
      color: #646464;
      margin-right: 10px;
    }
    .company-name{
       font-size: 26px;
       text-align: center;
       padding: 42px 0;
    }
    .info-box{
      font-size: 18px;
      overflow: hidden;
      margin-bottom: 20px;
    }
    .info-box .sendid{
      float: left;
      margin-right: 100px;
    }
    .info-box .sendnum{
      float: left;
    }
    .info-box .sendtime{
      float: right;
    }
    table{
      width: 100%;
      border: 1px solid #

最低0.47元/天解锁文章