相关疑难解决方法(0)

在Chrome中打印重复的页眉

有没有人有一个文章的链接或专门从Chrome重复页面页眉/页脚的工作示例?

背景:
我花了好几天没有运气,有几个Stack提出的解决方案,但似乎没有工作(在Chrome中).由于我们在工作中使用Chrome,我只在那里测试过,所以下面有很多人说Chrome不能做到,但也许我忽略了一些东西?

我试过这些Stack链接(..还有更多):

在所有浏览器(Chrome)上从网站的每个打印页面打印页脚

有没有办法在每个页面上打印网页页眉/页脚?

如何使用HTML在文档的每个打印页面上打印页眉和页脚?

使用CSS创建页眉和页脚以进行打印

如果我不能,请使用重复的页眉/页脚...然后我的下一个想法是计算我的克隆对象中的行并让它以最大数量打破,创建一个新页面(强制高度)并再次启动循环另一个div的另一页.

我非常感谢有关运行页眉/页脚解决方案的任何建议,因为我的应用程序的重点是完成的打印提案.

html javascript css jquery google-chrome

19
推荐指数
1
解决办法
4万
查看次数

为Google Chrome中的每个页面打印标题

我正在创建一个电视节目表,它至少应该没有任何标准浏览器的打印问题.

我需要在每个页面上放置徽标和标题以及表格标题,经过几天的尝试和搜索,我发现Chrome不会position: fixed在每个页面上打印表格标题和元素,因为这个已知错误.

由于-webkit-print-color-adjust: exact我已经大量使用打印背景颜色和使用CSS @page属性更改页面边框等功能,我已经自定义了我的视图以使用Google Chrome,但现在我看到它无法打印标题我正在寻找替代方案是:

  • 要忘记Chrome并开始为另一个浏览器创建打印视图,该浏览器需要进行调整以打印背景颜色并更改页边距(我担心这是不可能的).
  • 要查找CSS/JS解决方案,以使Google Chrome在每个页面上打印表格标题.

TL; DR:你知道任何jQuery/JavaScript /等.用于在Chrome中的每个页面上打印表格标题的代码?

css printing google-chrome

14
推荐指数
1
解决办法
4万
查看次数

在Google Chrome浏览器中打印表格时,内容与标题重叠

打印带有HTML代码的表格时,Google Chrome浏览器出现问题。我需要创建一个带有标题的文档,并且要实现此目的,我正在使用带有thead元素的表,因此浏览器将为打印文档的每个页面复制该文档。

问题是当<tr>元素内有分页符时,内容与标题重叠。跟着打印出问题,并给出要点。

印刷品

iframe {
  height: 400mm;
  width: 300mm;
  page-break-after: always;
}

.barcode {
  font-family: 'c39hrp36dltt';
  font-size: 4em;
}

.document {
  width: 100%;
  height: 100%;
  page-break-after: always;
  font-family: 'Arial';
}

.dont-break-inside {
  page-break-inside: avoid;
}

.huge {
  font-weight: 700;
  font-size: 3em;
}

.title {
  text-align: center;
  background-color: #a9a9a9;
  font-weight: 700;
  padding: 5px;
}

.line {
  border-bottom: solid 1px #727273;
  margin-top: 25px;
  width: 100%;
}

.center {
  vertical-align: middle;
  margin-left: 4cm;
}

.cover-infos {
  width: 21cm;
  border: 1px solid; …
Run Code Online (Sandbox Code Playgroud)

html css printing google-chrome css-paged-media

5
推荐指数
1
解决办法
2305
查看次数