打印水平滚动内容到下一页 - 可能吗？ [英] Printing horizontally scrolling content onto the next page - possible?

问题描述

我未能成功打印水平滚动内容。我来到一个我厌倦了搜索的点，我想是时候问 -

下面是一个真正简化的内容版本我要打印 -

HTML

 < div id =printingDiv> 
 
< div class ='filterRow'>打印时间长＃1长打印＃2长打印＃3长打印＃4长打印＃5长打印＃6打印长时间打印＃7打印长时间打印＃8长时间打印＃9长时间打印＃10< / div>< br /> 
 
< div class ='filterRow'>打印时间长＃1长打印＃2长打印＃3长打印＃4长打印＃5长打印＃6打印长时间打印＃7打印长时间打印＃8长时间打印＃9长时间打印＃10< / div>< br /> 
 
< div class ='filterRow'>打印时间长＃1长打印＃2长打印＃3长打印＃4长打印＃5长打印＃6打印长时间打印＃7打印长时间打印＃8长时间打印＃9长时间打印＃10< / div>< br /> 
 
< div class ='filterRow'>打印时间长＃1长打印＃2长打印＃3长打印＃4长打印＃5长打印＃6打印长时间打印＃7打印长时间打印＃8长时间打印＃9长时间打印＃10< / div>< br /> 
 
< / div> 
  

CSS

  .printDiv {
 font-size：12pt; // else的内容调整其字体大小只是为了适合打印页面
 width：auto; 
} 
 
 .filterRow {
 white-space：no-wrap; //只是为了这个例子，确保内容溢出
 width：auto; 
} 
  

Javascript

  $（＃printingDiv）。show（）; 
 window.print（）; 
  

输出

我只看到内容直到about Something long打印＃5和一些东西长打印＃6。

我想看到的是其余的东西长打印＃6 upto一些长打印＃10打印在下一页。

因此，为了总结起来，我希望能够将第一页中不适合的横向滚动内容打印到另一个页面上。这是可能吗？

我提到的一些链接 -

http://alistapart.com/article/goingtoprint

http://meyerweb.com/eric/articles/webrev/200001.html p>

列印样式表具有长水平表格的页面 - （此链接有其他一些选项，是唯一的方法吗？）

解决方案

短而甜：不...

你完全无法控制使用javascript打印的方式。你可以做的最好的是把东西长打印＃6 +到下一行。

I've been unsuccessfully trying to print horizontally scrolling content. I've come to a point where I'm tired of searching and I think it's time to ask -

So here goes, below is a really simplified version of the content I want to print -

The 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();

The Output

On the printout - I only see content till about Something long to print#5 and part of Something long to print#6.

What I want to see is the rest of Something long to print#6 upto Something long to print#10 printed on the next page.

So, to sum it up, I want to be able to print horizontally scrolling content that doesn't fit in the first page onto another page. Is this even possible?

Some of the links I've referred to -

http://alistapart.com/article/goingtoprint

http://meyerweb.com/eric/articles/webrev/200001.html

Print Stylesheets for pages with long horizontal tables - (This link has some other options, is that the only way?)

解决方案

Short and sweet: no...

You have absolutely no control over the way things get printed with javascript. The best you can do is wrap the "Something long to print#6+ onto the next line".

这篇关于打印水平滚动内容到下一页 - 可能吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！