Question

我有一个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扩展并在第二页上显示该文本，以此类推，如果还有更多文本。

Answer 1

上周我遇到了类似的问题。我尝试了position，overflow和display属性，它解决了我的问题。您可以尝试一下。

 .flex-container {        
    width: auto !important;
    height: auto !important;
    max-height: 100% !important;    
    display: block !important;    
    position: static;    
    overflow: unset!important;        
  }

好吧，我还记得一些进一步的细节。除了样式外，我还做了一些修改。在这里：

当我单击打印链接时，我调用了一个函数，该函数首先将可打印分区的内容复制到其他分区，比如说“＃print-div”（对于我而言，我复制了div是因为我需要保留打印视图。）
然后，我将页面上的所有其他内容隐藏起来，仅使＃print-div可见。（我之前粘贴的样式适用于此print-div）
只有此div以100％的宽度和高度显示时，您可以调用window.print（）。这非常适合我。希望对您有帮助。

Answer 2

您可以像这样使用CSS @media查询：

.flex-container {
  display: flex;
  background:green;
  padding:10px
}
.flex-container > div {
 background:silver;
 padding:10px;
}
@media print {
    .flex-container {
      position: absolute;
      left: 0; right: 0; top: 0; bottom: 0;
      overflow: visible;
    }
}

打印页面时如何显示div中的所有内容

2 个答案: