css - 为什么 div 打印的页边距顶部模糊
css - why div margin top in print blurred
我想用 bixolon 打印机打印条形码标签页，
所以现在我做了一个示例页面来测试它，
在chrome打印预览配置中，我将页边距设置为none并且我设置了宽度10cm和高度2cm，
我的元素 (div) 没有任何 margin-top 或 margin-bottom 表示这些属性具有 0px 作为值并且它们具有 height 和 2cm值作为我在浏览器打印预览配置中设置的打印页面大小，
并且我在打印中设置了边框 none，
所以我认为元素必须固定在每个页面切片中，不能乱七八糟，
但是在某些页面之后的打印预览中，div 之间的垂直距离有些模糊。
这是我的风格：
@media print {
.controls
{
display: none;
}
.label-box,.label-item{
border: 0 !important;
border-style: hidden !important;
}
* {
-webkit-print-color-adjust: exact !important; /*Chrome, Safari */
color-adjust: exact !important; /*Firefox*/
}
}
.controls{
width: 50%;
direction: rtl;
margin: auto auto;
}
.paper > div{
/*width: 2in;*/
/*height: 0.75in;*/
float: left;
display: inline-block;
text-align: center;
}
input{
display: block;
color: #000 !important;
}
.paper{
text-align: center;
margin: auto auto;
display: table;
}
.clear{
clear: both;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
.label-box{
border: 1px solid;
border-style: dotted;
position:relative;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
.label-item{
min-height: 18px;
width: 100%;
white-space: nowrap;
font-size: 10px;
direction: rtl;
/*border: 1px solid;*/
display: table;
clear: both;
cursor: default;
padding: 2px 0;
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
aside {
position: absolute;
right: 0;
top: 0;
width: 200px;
background: rgba(255,255,255,0.66);
/*border: 2px solid rgba(0,0,0,0.5);*/
border-radius: 0px; padding: 8px;
}
#barcode_box{
position: relative;
}
#barcode_box img{
position: absolute;
left:0;
top:0;
right:0;
bottom:0;
margin: auto auto;
}
这是我的 html 代码：
<div class="paper"><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><br style="clear: both;"><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><br style="clear: both;"><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><br style="clear: both;"><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><br style="clear: both;"><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><br style="clear: both;"><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div></div>
我的流程有什么问题吗？
谁能帮我解决我的问题？？
我安装了bixolon驱动，
并且我在打印机驱动程序中将纸张尺寸配置为 width:10cm 和 height:2cm，
我在 css 中设置了以下样式：
@media print
{
@page {
size: 10cm 2cm;
margin: 0;
padding: 0;
border-collapse: collapse;
}
}
.element
{
display:inline-table;
}
并在 html 中，我将 html div 更改为 table 标签结构，例如：
<table>
<tbody>
<tr>
<td class="element">
<div class="barcode-label-container">
<div class="barcode-label">
<div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0cm;">
<aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:12px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEtJREFUSIlj+N9+QP4/Q/3B//w/GOT/s///J8///w8DP3vzP4YP7AcYP4AYDPUHGP//qLF/wDCqelT1qOpR1aOqR1WPqh5VPaRVAwCkdWf5Rk3PnAAAAABJRU5ErkJggg==" width="100%" height="18px"></aside>
<aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:12px;">کاغذ دکوپاژ طرح کاشی سایز A4 کد 6209</aside>
<aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.35cm;right:0cm;font-size:12px;">خرید هر بسته</aside></div></div></div>
</td>
<td class="element">
<div class="barcode-label-container">
<div class="barcode-label">
<div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.3cm;">
<aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:12px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEtJREFUSIlj+N9+QP4/Q/3B//w/GOT/s///J8///w8DP3vzP4YP7AcYP4AYDPUHGP//qLF/wDCqelT1qOpR1aOqR1WPqh5VPaRVAwCkdWf5Rk3PnAAAAABJRU5ErkJggg==" width="100%" height="18px"></aside>
<aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:12px;">کاغذ دکوپاژ طرح کاشی سایز A4 کد 6209</aside>
<aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.35cm;right:0cm;font-size:12px;">خرید هر بسته</aside></div></div></div>
</td>
<td class="element">
<div class="barcode-label-container">
<div class="barcode-label">
<div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.3cm;">
<aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:12px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEtJREFUSIlj+N9+QP4/Q/3B//w/GOT/s///J8///w8DP3vzP4YP7AcYP4AYDPUHGP//qLF/wDCqelT1qOpR1aOqR1WPqh5VPaRVAwCkdWf5Rk3PnAAAAABJRU5ErkJggg==" width="100%" height="18px"></aside>
<aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:12px;">کاغذ دکوپاژ طرح کاشی سایز A4 کد 6209</aside>
<aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.35cm;right:0cm;font-size:12px;">خرید هر بسته</aside></div></div></div>
</td>
</tr>
</tbody>
</table>
那么我的问题就解决了。
我想用 bixolon 打印机打印条形码标签页，
所以现在我做了一个示例页面来测试它，
在chrome打印预览配置中，我将页边距设置为none并且我设置了宽度10cm和高度2cm，
我的元素 (div) 没有任何 margin-top 或 margin-bottom 表示这些属性具有 0px 作为值并且它们具有 height 和 2cm值作为我在浏览器打印预览配置中设置的打印页面大小，
并且我在打印中设置了边框 none，
所以我认为元素必须固定在每个页面切片中，不能乱七八糟，
但是在某些页面之后的打印预览中，div 之间的垂直距离有些模糊。
这是我的风格：
@media print {
.controls
{
display: none;
}
.label-box,.label-item{
border: 0 !important;
border-style: hidden !important;
}
* {
-webkit-print-color-adjust: exact !important; /*Chrome, Safari */
color-adjust: exact !important; /*Firefox*/
}
}
.controls{
width: 50%;
direction: rtl;
margin: auto auto;
}
.paper > div{
/*width: 2in;*/
/*height: 0.75in;*/
float: left;
display: inline-block;
text-align: center;
}
input{
display: block;
color: #000 !important;
}
.paper{
text-align: center;
margin: auto auto;
display: table;
}
.clear{
clear: both;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
.label-box{
border: 1px solid;
border-style: dotted;
position:relative;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
.label-item{
min-height: 18px;
width: 100%;
white-space: nowrap;
font-size: 10px;
direction: rtl;
/*border: 1px solid;*/
display: table;
clear: both;
cursor: default;
padding: 2px 0;
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
aside {
position: absolute;
right: 0;
top: 0;
width: 200px;
background: rgba(255,255,255,0.66);
/*border: 2px solid rgba(0,0,0,0.5);*/
border-radius: 0px; padding: 8px;
}
#barcode_box{
position: relative;
}
#barcode_box img{
position: absolute;
left:0;
top:0;
right:0;
bottom:0;
margin: auto auto;
}
这是我的 html 代码：
<div class="paper"><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><br style="clear: both;"><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><br style="clear: both;"><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><br style="clear: both;"><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><br style="clear: both;"><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><br style="clear: both;"><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div><div class="element"><div class="barcode-label-container"><div class="barcode-label"><div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.2cm;"><aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:10px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEZJREFUSIlj+N9+QP4/Qw2DPEP9AfkP7H/sH/D/AGHmfwwf2A8wfvgPFAFKMf7/UQNkjKoeVT2qelT1qOpR1aOqR1UPadUApLaHz3y/puAAAAAASUVORK5CYII=" width="100%" height="18px"></aside><aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:10px;">رنگ پارچه 30 میل سبز هور</aside><aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.45cm;right:0cm;font-size:10px;">خرید هر عدد</aside></div></div></div></div></div>
我的流程有什么问题吗？
谁能帮我解决我的问题？？
我安装了bixolon驱动，
并且我在打印机驱动程序中将纸张尺寸配置为 width:10cm 和 height:2cm，
我在 css 中设置了以下样式：
@media print
{
@page {
size: 10cm 2cm;
margin: 0;
padding: 0;
border-collapse: collapse;
}
}
.element
{
display:inline-table;
}
并在 html 中，我将 html div 更改为 table 标签结构，例如：
<table>
<tbody>
<tr>
<td class="element">
<div class="barcode-label-container">
<div class="barcode-label">
<div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0cm;">
<aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:12px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEtJREFUSIlj+N9+QP4/Q/3B//w/GOT/s///J8///w8DP3vzP4YP7AcYP4AYDPUHGP//qLF/wDCqelT1qOpR1aOqR1WPqh5VPaRVAwCkdWf5Rk3PnAAAAABJRU5ErkJggg==" width="100%" height="18px"></aside>
<aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:12px;">کاغذ دکوپاژ طرح کاشی سایز A4 کد 6209</aside>
<aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.35cm;right:0cm;font-size:12px;">خرید هر بسته</aside></div></div></div>
</td>
<td class="element">
<div class="barcode-label-container">
<div class="barcode-label">
<div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.3cm;">
<aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:12px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEtJREFUSIlj+N9+QP4/Q/3B//w/GOT/s///J8///w8DP3vzP4YP7AcYP4AYDPUHGP//qLF/wDCqelT1qOpR1aOqR1WPqh5VPaRVAwCkdWf5Rk3PnAAAAABJRU5ErkJggg==" width="100%" height="18px"></aside>
<aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:12px;">کاغذ دکوپاژ طرح کاشی سایز A4 کد 6209</aside>
<aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.35cm;right:0cm;font-size:12px;">خرید هر بسته</aside></div></div></div>
</td>
<td class="element">
<div class="barcode-label-container">
<div class="barcode-label">
<div class="label-box" style="width:3cm;height:2cm;background-image:url()!important;margin-top:0cm;margin-left:0.3cm;">
<aside draggable="true" id="barcode_box" class="label-item" style="display:block;top:0.5cm;right:0cm;width:cm;height:1cm;font-size:12px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAAyAQMAAACzqShEAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEtJREFUSIlj+N9+QP4/Q/3B//w/GOT/s///J8///w8DP3vzP4YP7AcYP4AYDPUHGP//qLF/wDCqelT1qOpR1aOqR1WPqh5VPaRVAwCkdWf5Rk3PnAAAAABJRU5ErkJggg==" width="100%" height="18px"></aside>
<aside draggable="true" id="product_title_box" class="label-item" style="display:block;top:0cm;right:0cm;font-size:12px;">کاغذ دکوپاژ طرح کاشی سایز A4 کد 6209</aside>
<aside draggable="true" id="pack_title_box" class="label-item" style="display:block;top:1.35cm;right:0cm;font-size:12px;">خرید هر بسته</aside></div></div></div>
</td>
</tr>
</tbody>
</table>
那么我的问题就解决了。