1

我有一个页面，其中一个接divs一个，由循环生成，都具有相同的类，并且都divs包含图像和文本。我需要为此页面设置样式以进行打印。我遵循了与尺寸、颜色、边距等相关的所有基本原则。

但是，我不希望这些框在打印时在页面之间拆分，因为当一个框在页面末尾附近开始并且打印了一些文本而其余文本在下一页时会发生这种情况。page-break-before:always当页面上 div的总高度超过时，我使用 javascript 插入分页 div（具有样式）800 (assumed value).

但是，当我打印时，文本大小会发生变化，并且 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----------
4

2 回答 2

0

没关系。我假设宽度为 600，高度为 800。我还没有找到最佳组合，但这也适用。

谢谢您的帮助。

于 2011-08-22T23:35:42.887 回答
0

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

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

如果您的 CSS 将media属性设置为screenor 以外print的其他all内容，则打印机将看不到您的 CSS。

于 2011-08-22T23:05:05.720 回答