jquery - 在打印输出上居中条形码

Question

我正在使用 jQuery Barcode 打印带有条形码的收据。无论我做什么，我都无法将其置于收据底部的中心位置，它始终显示为左对齐。我试过像这样使用居中的 Div 包裹条形码

html:

<div class="bc_center">
    <p id="pr-bcTarget"></p>
</div>    

CSS:

.bc_center {
   float: none;
   margin-left: auto;
   margin-right: auto;
}

我还尝试了其他 StackOverflow 建议中的各种 css 选项。到目前为止没有任何效果。

创建条形码的 jQuery/JavaScript 代码如下所示

var bar0 = "<div style=\"float: left; font-size: 0px; background-color: " + settings.bgColor + "; height: " + mh + "px; width: &Wpx\"></div>";    
var bar1 = "<div style=\"float: left; font-size: 0px; width:0; border-left: &Wpx solid " + settings.color + "; height: " + mh + "px;\"></div>";

我确定它与“float: left”有关，我尝试删除它，当然发生的是条形码的每一行都出现在单独的一行上。

编辑:我尝试了下面的一些建议。我现在的代码就是这个

<span class="bc_center" id="pr-bcTarget"></span> 

产生的结果与我原来的完全相同。使用 Chrome Inspect 这就是“jQuery 条形码”生成的...

<span class="bc_center" id="pr-bcTarget" style="padding: 0px; overflow: auto; width: 77px;">
    <div style="float: left; font-size: 0px; background-color: #FFFFFF; height: 50px; width: 10px"></div>
    <div style="float: left; font-size: 0px; width:0; border-left: 2px solid #000000; height: 50px;"></div>
    ... etc ...
    <div style="clear:both; width: 100%; background-color: #FFFFFF; color: #000000; text-align: center; font-size: 10px; margin-top: 5px;">1179</div>
</span>

您会注意到最后一个 div 中的“clear:both”允许条形码数字“1179”居中，它确实如此。

Answer 1

尝试:

魔法在于 margin:0 auto