gpt4 book ai didi

jquery - chrome 中 iframe 内容的分页符

转载 作者:行者123 更新时间:2023-11-28 17:40:09 25 4
gpt4 key购买 nike

我有一些具有分页符类的 iframe 内容。但它确实在打印时打破了页面。这是html和js代码:

<html>
<head>
<script src="js/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".testprint").on('click', function(){
document.getElementById('test').contentWindow.print();
return false;
});


});
</script></head>
<body>
<iframe id="test" width="800px" height="500px" src="printjobs.php?day=2014-06-13&drivers=1,2,49,24&maps=&directions="></iframe>
<a class="testprint" href="#">Print</a>
</body>
</html>

css 是:

    div.page-break { page-break-after:always !important;}

在 Firefox 中运行良好。但它会在 chrome 中产生问题。页面没有按预期中断。如果我在新选项卡中打开 iframe 的 src,它会在两个浏览器中打印得很漂亮。不确定 iframe 有什么问题?

最佳答案

Chrome 的分页指令的解析方式与其他浏览器不同。

放入容器中<div>标签,以及它下面的 iframe。

<div style='page-break-after:always; width:100%; height:100%'>
<iframe>
...
</iframe>
</div>

更多信息:https://stackoverflow.com/a/1647062/2713582

关于jquery - chrome 中 iframe 内容的分页符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24264958/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com