Question

我正在尝试为我的客户制作一个网络应用程序打印收据（他问我）我已经放置了一张桌子，然而当我打印它时，我无法将其打印到正确的字段中收据。让我解释一下，收据已经完成，所以我只是在一个地方，用户输入所有必需的字段，然后打印出来就好像打印一个普通的网页，作为这张收据的输出纸张（看起来有点像{{ 3}}}无论如何，我试图使用“打印”css移动打印机打印的地方，但它只是不服从...最重要的是文本已经变得很小（我真的不知道为什么）并且老实说不知道如何处理这个= / ......那里有人知道吗？

编辑代码

* {
    /* old-style reset here :) */
    border: 0px;
    padding: 0px;
}
table {
    left:0px;
    top:0px;
}
td, th {
    text-align: center;
    vertical-align: middle;
    color: #000;
}

input{
    outline:none;
}

.borde{
    background-color:#0FC;
    border: solid 2px #0FF;

}

HTML是一个普通表...带有输入字段......

Answer 1

This thread可能有所帮助。它有一些与你的问题有关的好链接。

此外，它是如何显示预览的？你能分享一下代码吗？

Answer 2

除非你已经指定某个地方表有position：absolute，否则你应该将它添加到table元素的css中。我不确定所有浏览器如何处理这个问题，但无论如何都应该有它。

Answer 3

如果您要提供多个样式表，则需要确保它们不会同时应用。例如：

<link type="text/css" rel="stylesheet" src="default.css" />
<link type="text/css" rel="stylesheet" src="default.css" media="print" />

将在打印时应用两种样式表，但在其他情况下仅应用第一种样式表。

如果仅希望在打印时应用打印样式表，则需要为所有样式表指定介质。类似的东西：

<link type="text/css" rel="stylesheet" src="default.css" media="screen, projection" />
<link type="text/css" rel="stylesheet" src="default.css" media="print" />

并且仅应用打印样式表。

收据打印

3 个答案: