印刷物にバーコードを配置する

Question

jQuery Barcodeを使用してバーコード付きのレシートを印刷しています。私が何をしても領収書の一番下にこれを置くことはできません、それは常に左に整列して現れます。私も他のStackOverflowの提案からCSSオプションの多種多様を試してみました

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

：

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

はCSS：私はこの

HTMLのようにバーコードに巻き付け中心に本部を使って試してみました。これまでのところ何も働かない。何が起こったのか、もちろん、し、私はこれを削除しようとした：バーコードを作成する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>"; 

のように見えます

私はそれが「左フロート」に関係している確信していますバーコードの各行は別々の行に現れました。

編集：私は以下のいくつかの提案を試しました。私が今使っているコードはこれだけです。

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

私のオリジナルと全く同じ結果が得られます。それがないバーコード番号「1179」を中心にすることができ、最終的なDIV、中：Chromeを使用すると、あなたは「両方のクリア」に気づくでしょう

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

...これは「jQueryのバーコードを」生成されたものであるか点検します。

Answer 1

試してみてください。

魔法が余裕である：0オート

Answer 2

@media print { 

    #pr-bcTarget { 
    /*might have to add clear:both I can't tell from here*/ 
    float: none; 
    margin-left: auto; 
    margin-right: auto; 
    } 
}