Css 打印html页面-分页

我有一个页面，其中有一堆div，一个接一个，由循环生成，所有div都具有相同的类，所有div都包含图像和文本。我需要给这页设计样式以便打印。我遵循了所有与尺寸、颜色、边距等相关的基本原则

但是，我不希望打印框时在页面之间拆分，因为当框开始于页面末尾附近时，一些文本被打印，其余文本被打印到下一页上。我使用javascript插入了一个分页符div，它的样式是：始终当页面上div的总高度超过800假定值时

但是，当我打印时，文本大小会发生变化，div变长/变短，分页符放错位置

我做的事情和医生说的一样。我的问题是，我假设打印页面的宽度/高度是多少？还是有更好的解决方案

我该怎么处理？提前谢谢

编辑：我使用打印特定css，仅供参考。 我也有特定的媒体风格和印刷风格

编辑并尝试可视化

-------div 1------ 
 |                 |
 |                 |
 |                 |
  -----div 2-----
 |                 |         WRONG
 |                 |
 |                 |
  ----div 3-------
 |                 |
 |                 |
 |  auto page break|
 ----page 1 ends---- 
 |                 |
 |                 |
 |                 |
 ----div 4----------


 -------div 1------ 
 |                 |
 |                 |
 |                 |
  -----div 2-----
 |                 |         RIGHT
 |                 |
 |   script 
    generated 
     page break    |
  ----div 3-------
 |                 |
 |                 |
 |                 |
 ----page 1 ends---- 
 |                 |
 |                 |
 |                 |
 ----div 4----------

---

确保您正在使用为打印定义的CSS：

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

---

如果CSS的“媒体”属性设置为“屏幕”或“打印”或“全部”以外的其他属性，打印机将看不到CSS。

没关系。我假设宽度为600，高度为800。我还没有找到最好的组合，但这也很有效

---

谢谢你的帮助。

我很高兴。这就是差异显现的原因。我使用javascript计算分页符，打印css会扭曲高度。让我们弄清楚，你希望分页符出现在s之间，而不是在s内部？但是，如果有足够的空间容纳另一页，您不希望分页符吗？请确保在打印页中假定的高度是正确的。真的是800吗？更多少？这有用吗@易卜拉欣，问题不在于假设的高度。我有相同的字体大小12磅在媒体和印刷品。但在屏幕上显示的方式不同，在纸上显示的方式也不同。结果，屏幕上800像素的图像在纸上看起来更大。@ibrahim，这就是我现在正在做的事情。但是屏幕和打印之间的高度会被扭曲