标签: printing

CSS和打印:将文本块保持在一起

这是一个典型的多选题考试,假设一个问题格式:

<question qid='1'>
<stem>What is your name?</stem>
<choice value = 'a'>Arthur, King of the Britons</choice>
<choice value = 'b'>There are some who call me ... Tim!</choice>
<choice value = 'c'>He is brave Sir Robin, brave Sir Robin, who-- Shut up! Um, n-- n-- n-- nobody, really. I'm j-- j-- j-- ju-- just, um-- just passing through.</choice>
<choice value = 'd'>Sir Galahad... the Chaste.</choice>
<choice value = 'e'>Zoot... Just Zoot.</choice>
</question>
Run Code Online (Sandbox Code Playgroud)

而且我已经将所有这些都映射到适当的样式与网络的单选按钮.

现在,我需要制作一个可打印的测试版本.这实际上更简单,因为我不需要包括无线电,只需'___'作为复选标记.主要问题是如何防止问题分裂.

css printing page-break

25
推荐指数
2
解决办法
3万
查看次数

在卷纸上打印

我正在使用C#和Winforms.我正试图在纸卷上打印钞票.纸张的宽度为3英寸,但纸张的长度是动态的(它是卷纸).长度取决于列表中有多少项.例如,在购买时如果有100件商品售出那么它将是相当长的卷,而对于购买的单件商品它将是很小的长度.

当我打印报告时,在结束作业之后,打印机会弹出最后一页而不是我需要的页面.只要A4尺寸就可以弹出纸张.我想打印所需的行,然后停止打印.我使用的是一卷纸,而不是A4或A3和Epson LQ-300 + II打印机.

更具体地说,始终对页面大小的单元进行打印.如果我将页面设置为3英寸x 8英寸,那么我总是打印出8英寸长的打印输出.如果我要打印一张9英寸的钞票,我最终会打印出16英寸的纸张,浪费7英寸的纸张.如何打印最后一页只需要它就可以了?

这是代码:

private void printDoc_PrintPage(Object sender, PrintPageEventArgs e)
        {
            Font printFont = new Font("Courier New", 12);
            int y = 15;
            e.Graphics.DrawString("a Line", printFont, Brushes.Black, 0, y); y = y + 20;
            e.Graphics.DrawString(" Line", printFont, Brushes.Black, 0, y); y = y + 25;
            e.Graphics.DrawString(" Line", printFont, Brushes.Black, 0, y); y = y + 35;
            e.Graphics.DrawString(" Line", printFont, Brushes.Black, 0, y); y = y + 45;
        }
Run Code Online (Sandbox Code Playgroud)

.net c# printing gdi crystal-reports

24
推荐指数
2
解决办法
2万
查看次数

如何在iOS 4.2中打印?

我想在我的应用程序中集成打印功能.

我要打印的文档将采用.doc或.txt格式.我在iPhone开发方面还不是很有经验,因此很难通过Apple文档来实现它.

如果有人可以通过发布一些示例代码来帮助我,那将是一个很大的帮助.

printing iphone cocoa-touch ipad ios-4.2

24
推荐指数
1
解决办法
1万
查看次数

CSS打印布局 - 在单页上打印

我被严重困住,SO档案没有帮助我.也许我在寻找错误的地方.这是短篇小说:

  • 我有一个观点,我需要在一整页上打印.我不能有第二页,我需要它在页面上尽可能大.
  • 解决方案必须合理地跨浏览器兼容(IE9 +,Safari,Chrome,FF).
  • 我已经有了PDF解决方案,但我也需要一个普通的香草打印解决方案.
  • 该页面是使用Bootstrap构建的,但我已经覆盖了Print的大多数类.

HTML页面的结构如下.我放入了一些内联CSS,以便自定义一些这些信息.

<div class="container">
  <div class="row">
    <div class="span16">

      <style type="text/css" media="all">
        @media print {
          html, body {
            margin: 0;
            padding: 0;
            background: #FFF; 
            font-size: 9.5pt;
          }
          .container, .container div {
            width: 100%;
            margin: 0;
            padding: 0;
          }
          .template { overflow: hidden; }
          img { width: 100%; }
        }
      </style>

      <div class="template_holder">
        <div class="template">
          <img src="some_big_image">
          <div>
            [PLAIN TEXT IN HERE, POSITION:ABSOLUTE OVER THE IMAGE]
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我意识到在这里包含内联CSS的形式有点差,但是由于各种原因,它必须覆盖之前出现的一堆其他CSS.我可以把它拉回去,但它的要点就是这个.当我打印时,我会看到一些看起来正确的东西,加上额外的第二页.当我缩小图像时,一切都很好,但我需要图像来填充DIV.

我认为将宽度设置为100%是个问题,但我确保图像宽高比小于页面(即使有任何边距).基本上,全宽图像不应导致分页.我做错了什么,我需要改变什么?任何帮助表示赞赏......

html css printing stylesheet css3

24
推荐指数
1
解决办法
7万
查看次数

在所有页面上打印页眉/页脚(打印模式)

<div id="header">header</div>
<div id="content">
    content spanning several pages...
</div>
<div id="footer">Footer - Fixed at the bottom of each page</div>
Run Code Online (Sandbox Code Playgroud)

我想打印#header#footer每个打印模式页.我搜索了很多,但似乎没有任何工作,甚至position:fixed没有按预期工作.

html css printing fixed repeat

24
推荐指数
1
解决办法
5万
查看次数

从斑马设计师那里获得ZPL代码?

我正在使用 .lbl

是否有一种从zebradesigner中提取ZPL代码的方法我甚至无法将其导出到zpl文件中我唯一的选择是保存为 .lbl

在此输入图像描述

printing barcode zpl zebra-printers

24
推荐指数
4
解决办法
7万
查看次数

如何延迟加载图像并使其可用于打印

有些网站有很多图像,所以延迟加载似乎适合减少加载时间和数据消耗.但是如果你还需要支持该网站的打印呢?

我的意思是,您可以尝试检测打印事件,然后加载图像,如下所示:

HTML

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
Run Code Online (Sandbox Code Playgroud)

注意:这是一个一个像素的gif虚拟图像.

JavaScript的

window.addEventListener('DOMContentLoaded', () => {
  img = document.querySelector('img');
  var isPrinting = window.matchMedia('print');
  isPrinting.addListener((media) => {
    if (media.matches) {
      img.src = 'http://unsplash.it/500/300/?image=705';
    }
  })
});
Run Code Online (Sandbox Code Playgroud)

注意:如果您在代码游乐场中尝试此操作,请删除该DOMContentLoaded事件(或简单地分叉这些:JSFiddle | Codepen).

注:我没有事件与麻烦onbeforeprint,并onafterprint明显的原因.

如果图像被缓存,这将工作正常,但再次,这恰恰不是重点.图像应全部加载,然后出现在打印屏幕中.

你有什么想法?有没有人成功实现了打印就绪的延迟加载插件?

更新

我已经尝试在检测到打印对话框后将用户重定向到网站的标记版本,即website.com?print=true停用延迟加载并且所有图像正常加载.

通过window.print()在该标记的打印就绪版本的页面中应用该方法,在所有图像加载完成后打开新的打印对话框,并在页面顶部同时显示"等待"消息来改进该方法.

重要提示:此方法已在Chrome中进行过测试,但在Firefox和Edge中无效(因此,这不是一个答案,而是一个证词).

它适用于Chrome,因为当您重定向到另一个网站时,打印对话框会关闭(在这种情况下,相同的网址会被标记).在Edge和Firefox中,打印对话框是一个实际的窗口,它不会关闭它,使其无法使用.

html javascript printing lazy-loading image

24
推荐指数
1
解决办法
3573
查看次数

ReportViewer客户端打印控件"无法加载客户端打印控件"?

有人遇到过这个问题吗?

似乎MS已经打破了自己的更新:

安装Microsoft Update 956391后,许多人报告在报表查看器中使用ActiveX打印控件时出现问题.具体而言,用户在单击报表查看器工具栏中的打印图标时会收到错误"无法加载客户端打印控件".我想解释一下发生了什么,为什么要这样做,以及如何解决您或您的客户遇到的问题.

从这里:http://blogs.msdn.com/brianhartman/archive/2008/11/05/client-print-fails-to-load-after-microsoft-update-956391.aspx

我可以让它再次在ReportManager中工作,但在我们的应用程序(RSinteract)中引用了ReportViewer的8.0.0.0版本,无论我做什么它都无法正常工作.

我在这里尝试了一切:http: //www.technologystudio.net/blog/post/Microsoft-Update-KB956391-breaks-Reporting-Services-ReportViewer.aspx

我想要一个不需要我重建并重新部署到我所有客户端的修复程序.有任何想法吗?

printing reportviewer activex reporting-services

23
推荐指数
1
解决办法
11万
查看次数

直接从浏览器打印,无需打印弹出窗口

正如它在主题中所说,我将为基于Web的应用程序创建一个功能,允许用户直接发送打印而不提示任何对话框只需进行打印即点击和打印,简单!但不适合我:(.

请,建议什么是最好的选择,我应该怎么写(技术).

建议请!

谢谢.

编辑:打印应该在用户的默认打印机上发送.

browser printing activex client-side

23
推荐指数
1
解决办法
15万
查看次数

CSS @media打印根本不起作用

我正在努力工作几个小时,为什么@media打印不起作用,我甚至在这个网站上搜索Google并没有任何帮助,所以这就是我发布这个问题的原因.我正在Google Chrome打印预览(ctrl p)上测试它,但我也打印到页面并且它保持空白.

我尝试在页面中创建一个单独的css文件和嵌入式CSS样式.

这是我的代码

<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
Run Code Online (Sandbox Code Playgroud)

HTML

<div id="bruikleenovereenkomst">
    <div id="blo_header">

    </div>

    <div id="blo_side_top"></div>
    <div id="blo_side_bottom"></div>
</div>      
Run Code Online (Sandbox Code Playgroud)

CSS正常样式

div#bruikleenovereenkomst {
    width:595px;
    height:842px;
    background-color:#fff;
    position:relative;
}

div#blo_header {
    width:100%;
    height:125px;
    background-color:#FBE983;
    z-index:9
}

div#blo_side_top {
    width:57px;
    height:420px;
    background-color:#B6CAE5;
    position:absolute;
    right:0;
    top:0;
    z-index:99;
}

div#blo_side_bottom {
    width:57px;
    height:420px;
    background-image:url(../images/leaflet.png);
    background-repeat:no-repeat;
    position:absolute;
    right:0;
    bottom:0;
    z-index:99;
}
Run Code Online (Sandbox Code Playgroud)

CSS打印样式(print.css)注意:div#bruikleenovereenkomst只是一个用于测试的黑色块.

@media print{

    body {
        margin:0;
    }

    h1#logo {
        display:none;
    } …
Run Code Online (Sandbox Code Playgroud)

html css printing

23
推荐指数
2
解决办法
7万
查看次数