打印旋转的css太短（IE / FF）

Question

我正在尝试旋转宽表（工作计划，请参见下面的示例图像）以进行打印。我这样做的原因是因为我希望桌子能够在多个页面上展开，所以当你在纸上打印时，你可以将不同的纸张放在一起，得到1个体面，可读的表格/时间表。 现在我遇到的问题不是旋转本身，而是尝试打印表格时的页数。而不是将表格扩展到下一页它是截止的，所以你只能看到顶部。 现在谷歌浏览器可以很好地进行打印，它可以像我想要的那样将表格分布在2到3页。我在Firefox或IE中获得相同的结果时遇到了麻烦。 我正在使用CSS transform:rotate方法旋转正文/日程表并在浏览器中获得所需结果（见下文）。

transform:rotate(90deg);
-ms-transform:rotate(90eg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);

我尝试在表格中添加边距，填充，但它只会将表格移动到页面而不是将其扩展到下一页。添加溢出（body *{ overflow:visible !important; }）只会缩小身体，因此它适合1页。

有没有办法在多个页面上打印这个宽表，所以它仍然可用于FF＆amp; IE浏览器？

提前致谢。

示例图像（通常是时间块中的文本）： （横向模式下的正常打印不起作用，因为文本太小而无法读取。）

Answer 1

使用css旋转时，实际尺寸不会改变。

因此，如果你有一个100 x 20像素的块并旋转它。浏览器仍将看到100 x 20 px块，而您看到的是20 x 100块。添加边距和填充不会改变这一点，您需要修改高度和宽度。

我想最简单的方法是添加一个与表宽度具有相同高度的不可见div，反之亦然。你可以使用javascript。