none
ie7,无法打印水平滚动条之外的内容 RRS feed

  • 问题

  • 由于画面比较宽,超出了当前屏幕显示的范围,但是拖动水平滚动条是可以显示的.
    这样的页面在IE7中选择打印,只能打印一页,超出屏幕的那些内容不能被打印出来,
    请问这样的情况如何解决.
    测试代码如下:

    <html>
    <head>
    <style>       
      <!--.Noprint{display:none;}-->
      
    </style>
    </head>
    <body class="print">
    <table STYLE="page-break-after:always">
    <tr STYLE="page-break-after:always">
    <td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td><td STYLE="page-break-after:always">11234123412</td>
    </tr>
    </table>
    </body>
    </html>
    2009年5月8日 5:28

答案

全部回复

  •  首先,纸张宽度有限,要全部打印,你需要将文字缩小
    方法
    <body class="print" onbeforeprint=" document.body.style.zoom = document.body.offsetWidth / document.body.scrollWidth;">




    【孟子E章】
    2009年5月8日 6:13
    版主
  • 但是这个样子的话,打印出来的内容就是缩小版的了,
    内容看不清楚呀!有没有什么办法可以像EXCEL打印一样,
    多出本页的就让它分到下一页打印.
    或是其它的解决方案,因为字体实在是太小了...

    2009年5月8日 6:19
  • 你生成打印的时候就应当不要做这么多列的东西啊。或者让用户导出到 Excel里打印
    【孟子E章】
    2009年5月8日 6:47
    版主
  • 唉!
    1. 商品的报表页面,这一页要显示二三十列商品信息,列不多不行呀!
    2. 本来这页面的底部就有一个按钮用来打印EXCEL报表,
        可是客户不买帐,EXCEL报表也要打,IE也要打印!
        于是,本着客户至上的原则四处调查来了.
    2009年5月8日 6:52
  • 那就必须动态计算页面的宽度,然后动态生成表格了,或者采用流式的布局,采用div做模仿表格
    【孟子E章】
    • 已标记为答案 LeaB 2009年5月11日 6:36
    2009年5月8日 23:14
    版主