我正在尝试旋转宽表(工作计划,请参见下面的示例图像)以进行打印。我这样做的原因是因为我希望桌子能够在多个页面上展开,所以当你在纸上打印时,你可以将不同的纸张放在一起,得到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& IE浏览器?
提前致谢。
示例图像(通常是时间块中的文本): (横向模式下的正常打印不起作用,因为文本太小而无法读取。)
答案 0 :(得分:0)
使用css旋转时,实际尺寸不会改变。
因此,如果你有一个100 x 20像素的块并旋转它。浏览器仍将看到100 x 20 px块,而您看到的是20 x 100块。添加边距和填充不会改变这一点,您需要修改高度和宽度。
我想最简单的方法是添加一个与表宽度具有相同高度的不可见div,反之亦然。你可以使用javascript。