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

Question

我的问题是我要设置我的CSS页面样式，使其看起来像＆＃34;打印预览＆＃34;。我使用@media print CSS来制作打印规则。但我并不确切知道如何设计我的HTML页面，例如：我将div大小设置为A4格式，但如果此div中的文本长度超过a4高度，我怎么能将div的某些部分移动到其他＆＃ 34; A4＆＃34; DIV？

Answer 1

  

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

您需要在CSS中使用 page-break 来使内容正确地针对页面。有两个属性可帮助您实现此目的： page-break-after，page-break-before，page-break-inside。 您可以参考MDN了解更多相关信息。

  

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

请确保您不在页面中使用 position 和 float 。这是一个好方法。仅保留所需内容并使用 display: none 隐藏其他内容。