Question

我使用HTML和CSS生成了一些标签，我打算将其打印到预先打印的标签纸上。标签应该有45mm * 35mm的固定宽度，我已经在CSS中设置了，但是在打印时它们会以不同的尺寸出现。

我也尝试使用HTML转换为PDF格式的PDF，但这没有帮助。我做错了什么？

我的Html：

<html>
<head>
<style>
    @media screen , print {
body {
    margin: 0;
    border: 0.264583333mm solid green;
}
.table_style {
    width: 100%;
}
.table_style td {
    text-align: left;
    padding: 0 0 3.175mm 5.291666667mm;
}
.space {
    height: 2.645833333mm;
}
.div_print {
    width: 63mm;
    height: 37.735416667mm;
    margin-top: 3.735416667mm;
    border-width: 1px;
    border-style: solid;
    border-color: red;
}
.part_dec_print {
    font: 3mm arial;
    text-align: left;
    padding-left: 1.5875mm;
    height: 8.5mm;
}
.p_tag {
    height: 100%;
    vertical-align: middle;
    padding-top: 1.5875mm;
}

.qty_span {
    padding-top: 1.5875mm;
}
.part_print {
    font: 6.5mm arial;
    height: 6.5mm;
    text-align: left;
    padding-left: 1.5875mm;
}
.bar_print {
    padding-left: 3.96875mm
}
.qty_print {
    font: 6.5mm arial;
    text-align: center;
    height: 6.5mm;
}
.date_print {
    font: 2mm arial;
    text-align: right;
    padding-right: 4.645833333mm;
    margin-top: 4.995833333mm;
    height: 2mm;
}
}
</style>
</head>
<body cz-shortcut-listen="true">
<div class="div_print">
    <div class="part_dec_print">
        <div class="p_tag">REAR FABRIC SCVR</div>
    </div>
    <div class="part_print">PZQ22-12100</div>
    <div class="bar_print">
        <img alt="testing" src="http://anybarcode_image_here201x29.png">
    </div>
    <div class="qty_print">1</div>
    <div class="date_print">23A4</div>
</div>

Answer 1

如果问题是浏览器之间的差异（我认为现在是您的评论），那么问题是您的宽度包括分数测量，例如4.645833333毫米。

每个浏览器的小数点数与所讨论的here略有不同 - 除了不包括小数宽度之外，没有其他保证。

Answer 2

如何在PHP中创建PDF（使用dompdf之类的东西），然后设置PDF样式，使其具有正确的标签单元宽度和高度。无论浏览器如何，PDF和样式化格式应始终保持相同的大小。

Answer 3

根据设备偏好设置，您必须根据标签设置页面大小，然后页面才能使用。我只是为TSC TA210设备做的！

页面大小CSS在这种情况下永远无法工作！它将为您打印很多空标签。

如何在php中创建打印标签？

我的Html：

3 个答案: