gpt4 book ai didi

css - 如何打印包含多个页面的 IFRAME?

转载 作者:行者123 更新时间:2023-11-28 08:57:21 31 4
gpt4 key购买 nike

我想知道是否可以打印包含跨多个页面的 IFRAME 的 HTML 页面。由于某种原因,浏览器在第一页之后不断截断 IFRAME。这是一个演示上述问题的简约示例。首先,这是一个简单的 HTML 页面,其中包含一个应该针对打印进行优化的 IFRAME:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>TEST</title>

<style>
html, body {
height: 100%;
}

iframe {
width: 100%;
height: 100%;
}
</style>

</head>
<body>
<iframe src="iframe-content.html">
</iframe>
</body>
</html>

这是我要嵌入的页面:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>TEST-CONTENT</title>

</head>
<body>
<p>
Some very, very long text spawning multiple pages.
</p>
</body>
</html>

使用 JavaScript 不是一种选择。我正在寻找仅使用 CSS 的解决方案。任何帮助将不胜感激。

最佳答案

您可以在父文档的元数据中指定,因为 CSS 无法指定要打印的页面,只能指定它的外观。

<link rel=alternate media=print href="printme.html">

如果您尝试在父级中打印整个 iframe,您需要嵌入一个打印特定的 CSS 文档。将其与打印预览一起使用将帮助您归零。

<link rel="stylesheet" href="print.css"  media="print">

关于css - 如何打印包含多个页面的 IFRAME?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17298620/

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