我有一个包含长文本的 div,在打印页面时我想要它,以便打印整个文本而不是切断文本。
我可以提供一些示例,这不是我的真实案例,但非常相似:
<!DOCTYPE html>
<html>
<head>
<style>
.flex-container {
display: flex;
background:green;
padding:10px
}
.flex-container > div {
background:silver;
padding:10px;
}
@media print
{
div{
}
}
@page {
}
</style>
</head>
<body>
<div class="flex-container">
<div>1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd
1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd
1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksdjk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ak1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksdjk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ak1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksdjk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ak1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksdjk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ak1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksdjk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ad ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksdjk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk fundi</div>
</div>
</body>
</html>
因此,当我在单击按钮或按 ctrl+P 时调用 window.print() 时,我无法在打印预览中看到整个页面。
问题:切断文本 预期结果:div 上的全部内容
如上图所示,缺少一些文本,我希望 div 展开并在第二页显示文本,如果有更多文本,则依此类推。
最佳答案
上周我遇到了类似的问题。我尝试了位置、溢出和显示属性,它解决了我的问题。您可以尝试一下。
.flex-container {
width: auto !important;
height: auto !important;
max-height: 100% !important;
display: block !important;
position: static;
overflow: unset!important;
}
好的,我记得一些更详细的信息。 除了造型,我还做了一些修改。在这里:
- 当我点击打印链接时,我调用了一个函数来首先将可打印分区的内容复制到其他分区,比方说,“#print-div”(在我的例子中,我复制了 div,因为我需要按原样保留打印 View 。)
- 然后我隐藏了页面上的所有其他内容,只使#print-div 可见。 (我之前粘贴的样式适用于此 print-div)
- 只有这个 div 以 100% 的宽度和高度显示,您可以调用 window.print()。这对我很有效。希望对您有所帮助。
关于html - 如何在打印页面时显示一个div中的所有内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52721887/