Html 收据打印

Html 收据打印,html,css,printing,Html,Css,Printing,我正在尝试为我的客户制作一个web应用程序打印收据(他向我索要)。我已经放置了一个表格和所有内容,但是当我打印收据时,我无法将其正确打印到收据字段中。让我解释一下,收据已经制作好了,所以我只是在制作一个地方,用户输入所有必需的字段,然后打印它,就像打印一个普通的网页一样,作为这个收据的输出纸(看起来有点像),无论如何,我试着移动打印机使用“打印”打印的位置css,但它就是不服从……除此之外,文本变得太小了(我真的不知道为什么),而且真的不知道如何处理它了=/…有人知道吗 编辑代码 * {

我正在尝试为我的客户制作一个web应用程序打印收据(他向我索要)。我已经放置了一个表格和所有内容,但是当我打印收据时,我无法将其正确打印到收据字段中。让我解释一下,收据已经制作好了,所以我只是在制作一个地方,用户输入所有必需的字段,然后打印它,就像打印一个普通的网页一样,作为这个收据的输出纸(看起来有点像),无论如何,我试着移动打印机使用“打印”打印的位置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是一个普通的表格…带有输入字段…

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

此外,如何显示预览?你能分享代码吗?

可能会有帮助。它有一些与你的问题相关的好链接


此外,如何显示预览?您可以共享代码吗?

除非您已经指定表的某处具有position:absolute,否则您应该将其添加到表元素的css中。我不确定所有浏览器是如何处理这个问题的,但无论如何它都应该有它。

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

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

<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" />


并且只应用打印样式表。

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

<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" />


并且只应用打印样式表。

没有相关代码很难进行故障排除。没有相关代码很难进行故障排除。