Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.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 浏览器打印中的分页符问题_Javascript_Jquery_Html - Fatal编程技术网

Javascript 浏览器打印中的分页符问题

Javascript 浏览器打印中的分页符问题,javascript,jquery,html,Javascript,Jquery,Html,这就是我的Html页面在打印视图中的外观 当它分成两部分时,我需要将它放在新页面上,为此需要在这些元素之前插入div(这是我为其他预定义的新页面所做的) 确保你使用 @media print { .page-break { display: block; page-break-before: always; } } 由于分页符-*在google chrome上不起作用,下面是一个对我有效的解决方案。我为所有HTML元素设置了display:inline block,我不想在两个页面

这就是我的Html页面在打印视图中的外观

当它分成两部分时,我需要将它放在新页面上,为此需要在这些元素之前插入
div
(这是我为其他预定义的新页面所做的)

确保你使用

@media print {
    .page-break { display: block; page-break-before: always; }
}

由于分页符-*在google chrome上不起作用,下面是一个对我有效的解决方案。我为所有HTML元素设置了
display:inline block
,我不想在两个页面之间分离这些元素

.msgbx,.svnotice, .imgdescbx img {
   display: inline-block;
 }

也许你更希望
内部分页符:避免
。。。?
@media print {
    .page-break { display: block; page-break-before: always; }
}
.msgbx,.svnotice, .imgdescbx img {
   display: inline-block;
 }