0

我正在尝试旋转一张宽表（工作时间表，请参见下面的示例图片）以进行打印。我这样做的原因是因为我希望表格可以延伸到多个页面上，因此当您将其打印在纸上时，您可以将不同的纸张放在一起并获得 1 个大小合适、可读的表格/时间表。现在我遇到的问题不是旋转本身，而是尝试打印表格时的页数。它没有将表格扩展到下一页，而是被截断，因此您只会看到顶部。现在谷歌浏览器的打印效果很好，它可以像我想要的那样将表格分布在 2 或 3 页上。我遇到了麻烦，但是在 Firefox 或 IE 中得到了相同的结果。我正在使用 CSStransform: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 和 IE 仍然可读？

提前致谢。

示例图像（通常在时间块中有文本）：（ 示例图片 横向模式下的正常打印不会这样做，因为文本变得太小而无法阅读。）

4

1 回答 1

0

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

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

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

于 2012-12-27T15:09:53.803 回答