Javascript CSS如何设置HTML页面样式，如打印预览

我的问题是，我想样式我的CSS页面，使它看起来像在“打印预览”。我使用

@media print

CSS来制定打印规则。但我不知道如何设计我的HTML页面，例如：我将

div

大小设置为

A4

格式，但是如果这个

div

中的文本长度超过A4高度，我如何将

div

的某些部分移动到其他“A4”

div

如果此div内的文本长度超过a4高度，如何将div的某些部分移动到其他“a4”div

您需要在CSS中使用

分页符

，以使内容与页面正确对应。有两个属性可以帮助您实现这一点：

后分页符

，

前分页符

，

内分页符

。有关这方面的更多信息，请参阅

我不知道如何设计我的HTML页面

---

确保不要在页面中使用

position

和

float

。那是个好办法。仅保留所需内容，并使用

display:none

隐藏其他内容。

请显示您尝试过的内容