Question

我想打印一些带有div和文本的视图，但是由于某些原因，当我尝试打印页面时，div内的某些文本被截断了，所以基本上我看不到整个文本。

这是示例代码：

<!DOCTYPE html>
<html>
<head>
<style>
.flex-container {
  display: flex;
  background-color: DodgerBlue;
}

.flex-container > div {
  background-color: #f1f1f1;
  margin: 10px;
  font-size: 16px;
}

@media print {
    .flex-container {}
    .flex-container > div   { overflow: visible }
}
</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 jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd jk1ajksd ajksd ajksd 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>

我希望单击“打印”按钮时，可以在单独的页面中显示内容，或者以某种方式显示带有全文的长div，而不会截断文本。

任何想法如何使用CSS修复此问题？

打印预览页时文本被截断

0 个答案: