我一直在试图打印水平滚动的内容,但一直不成功。我已经到了不想再搜索的地步,觉得是时候求助了。
以下是我想要打印的内容的简化版本:
HTML 代码
<div id="printingDiv">
<div class='filterRow'>Something long to print#1 Something long to print#2 Something long to print#3 Something long to print#4 Something long to print#5 Something long to print#6 Something long to print#7 Something long to print#8 Something long to print#9 Something long to print#10</div><br/>
<div class='filterRow'>Something long to print#1 Something long to print#2 Something long to print#3 Something long to print#4 Something long to print#5 Something long to print#6 Something long to print#7 Something long to print#8 Something long to print#9 Something long to print#10</div><br/>
<div class='filterRow'>Something long to print#1 Something long to print#2 Something long to print#3 Something long to print#4 Something long to print#5 Something long to print#6 Something long to print#7 Something long to print#8 Something long to print#9 Something long to print#10</div><br/>
<div class='filterRow'>Something long to print#1 Something long to print#2 Something long to print#3 Something long to print#4 Something long to print#5 Something long to print#6 Something long to print#7 Something long to print#8 Something long to print#9 Something long to print#10</div><br/>
</div>
The CSS
.printDiv {
font-size: 12pt; //else the content adjusts its font-size just to fit the print page
width: auto;
}
.filterRow {
white-space: no-wrap; //just for the sake of this example, to make sure the content overflows
width: auto;
}
The Javascript
$("#printingDiv").show();
window.print();
输出
在打印输出中,我只能看到大约“Something long to print#5”的内容和“Something long to print#6”的一部分。
我想要看到的是从“Something long to print#6”的其余部分到“Something long to print#10”的内容打印在下一页上。
总之,我想要能够打印水平滚动的内容,如果无法适应第一页,则打印在另一页上。这真的可能吗?
我参考了一些链接:
http://alistapart.com/article/goingtoprint
http://meyerweb.com/eric/articles/webrev/200001.html
Print Stylesheets for pages with long horizontal tables - (此链接还有其他选项,这是唯一的方法吗?)