中心打印輸出

我打印收據使用jQuery條碼條碼的條形碼。無論我做什麼，我都無法將它居中放在收據的底部，它總是顯示爲左對齊。我試着用中心事業部纏條形碼這樣中心打印輸出

HTML：

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

CSS：

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

我也嘗試了各種各樣的CSS選擇從其他StackOverflow的建議。目前沒有任何工作。

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>

它產生與我原來的完全相同的結果。使用Chrome檢查這是什麼「的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允許的條碼編號「1179」爲中心，這確實。

來源

2016-09-21 Robin Walmsley

給一些寬度與該元素，否則'div'是塊元素，充分寬度。 – skobaljic

我向css類添加了以下內容。「寬度：50％;」並在div中添加了一些文字，以獲得較好的效果。仍然沒有運氣 –

嘗試：

神奇的是在餘量：0汽車

來源

2016-09-21 22:51:49

優秀工作。我放在圍繞跨度的Div中。 –

他已將margin設置爲'auto'，有什麼區別？ – skobaljic

@media print { 

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

來源

2016-09-21 17:24:13 Teejten

我只是試過，但沒有工作。我也嘗試清楚：兩個仍然沒有運氣。 –

嗯.....也許嘗試一個跨度而不是一個div和文本對齊：中心 – Teejten

沒有運氣那裏要麼看到我的編輯以上 –

中心打印輸出

回答

相關問題