Question

我正在使用jQuery条形码打印带有条形码的收据。无论我做什么，我都不能将它放在收据的底部，它总是显得左对齐。我尝试使用围绕条形码的居中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

尝试：

魔术在边缘：0自动

Answer 2

// Angela Mansfield
// Assignment HiLow
// CIS 227
// 9/23/16

#include "stdafx.h"
#include <string>
#include <iostream>
#include <stdlib.h>
#include <time.h>

using std::getline;
using std::cin;
using std::cout;
using std::endl; 
using std::string;


// check number method add all of work here call from main
double numCheck() {
    int num = rand();
    int guess;

    //sets random number to the variable num 
    srand(time(NULL));
    num = rand() % 100 + 1;

    do {
        cout << "Pick a number 1-100: ";            //can I check the number here??
        cin >> guess;
        //have to enter number 2 times
        if (num < guess) {cout << "Too High" << endl;}
        else if (num > guess) {cout << "Too Low" << endl;}
        else if (num = guess) {cout << "Congratulations you guessed correctly!!" << endl;}
    } while (guess != -1);


    return 0;
}

int main()
{
    numCheck();


}

在打印输出上居中条形码

2 个答案: