我的问题是我想设置我的 CSS 页面的样式，使其看起来像在“打印预览”中。我使用 @media print CSS 来制定打印规则。但是我不知道如何设计我的 HTML 页面，例如:我将 div 大小设置为 A4 格式，但是如果在这个 div 比 A4 高度长 我如何将 div 的某些部分移动到其他“A4” div？
最佳答案
If text inside this div is longer than a4 height how can I move some part of div to other "a4" div?
您需要在 CSS 中使用 page-break 使内容正确显示在页面上。有两个属性可以帮助您实现此目的: page-break-after、page-break-before、page-break-inside。 可以引用MDN了解更多相关信息。
I don't know exactly how to design my HTML page.
确保您没有在页面中使用 position 和 float 。这是个好办法。只保留那些需要的并使用 display: none 隐藏其他的。
关于javascript - CSS 如何像打印预览一样设置 HTML 页面的样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33983613/