Css 打印条形码时出错-代码39_Css_Barcode_Code39

Css 打印条形码时出错-代码39

css

Css 打印条形码时出错-代码39,css,barcode,code39,Css,Barcode,Code39,我在打印条形码（代码39 stadard）时遇到问题。这是间歇性发生的事情 -在Google Chrome中：它通常会显示代码，但当我在打印视图中看到它时，它会显示一个奇怪的代码，而不是它应该显示的原始条形码，如下图所示打印前：打印后： -在Internet Explorer中：唯一的区别是，当我尝试打印时，它只显示代码，如图：我使用CSS来定制条形码，我使用文本而不是图像来显示条形码有人能帮我吗附言：我用于条形码的CSS（我认为这是默认设置）：这是HTML： &

我在打印条形码（代码39 stadard）时遇到问题。这是间歇性发生的事情

-在Google Chrome中：

它通常会显示代码，但当我在打印视图中看到它时，它会显示一个奇怪的代码，而不是它应该显示的原始条形码，如下图所示

打印前：

打印后：

-在Internet Explorer中：

唯一的区别是，当我尝试打印时，它只显示代码，如图：

我使用CSS来定制条形码，我使用文本而不是图像来显示条形码

有人能帮我吗

附言：

我用于条形码的CSS（我认为这是默认设置）：

这是HTML：

    <head>
    <title>AAAAAAAAAA</title>
    <script language="javascript" type="text/javascript" src="Controller/Configuratuion.js"></script>
    <script language="javascript" type="text/javascript" src="Library/JQuery.js"></script>
    <script language="javascript" type="text/javascript" src="Library/AjaxHelper.js"></script>
    <script language="javascript" type="text/javascript" src="Library/Scripts.js"></script>
    <script language="javascript" type="text/javascript" src="Controller/PrintCapaloteClienteController.js"></script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function() {
            PrintCapaloteClienteController.Init();
        });
    </script>
    <link type="text/css" rel="Stylesheet" href="css/BarCode3de9/stylesheet.css" />
    <link type="text/css" rel="Stylesheet" href="css/Style.css" />
    <style type="text/css">
        body#Print
        {
            padding: 10px 10px 10px 10px;
        }
        div#BarCodeContrainer
        {
            text-align: right;
        }
        div#HeaderContainer, .footer
        {
            border: solid 2px black;
        }
        div#MainContainer
        {
            text-align: center;
        }
        .leftText
        {
            text-align: left;
        }
        .rightText
        {
            text-align: right;
        }
        .centerText
        {
            text-align: center;
        }

        .header
        {
            text-align: left;
        }

        .header th
        {
            text-align: left;
            border-top: solid 1px black;
            border-bottom: solid 1px black;
        }

        .closeLeft
        {
            border-left: solid 1px black;
        }

        .closeRight
        {
            border-right: solid 1px black;
        }
    </style>
</head>
<body>
    <div id="HeaderContainer">

    </div>
    <div id="MainContainer">

    </div>
</body>
</html>


AAAAAAAAAA
$（文档）.ready（函数（）{
printcapaloteclientcontroller.Init（）；
});
正文#打印
{
填充：10px 10px 10px 10px；
}
分区控制器
{
文本对齐：右对齐；
}
div#HeaderContainer、.footer
{
边框：纯色2px黑色；
}
分区#主容器
{
文本对齐：居中；
}
.leftText
{
文本对齐：左对齐；
}
.rightText
{
文本对齐：右对齐；
}
.centerText
{
文本对齐：居中；
}
.标题
{
文本对齐：左对齐；
}
.标题th
{
文本对齐：左对齐；
边框顶部：纯色1px黑色；
边框底部：实心1px黑色；
}
.左
{
左边框：实心1px黑色；
}
.右
{
右边框：实心1px黑色；
}

您确定没有在

屏幕上使用该样式表，也没有在打印上使用该样式表吗？听起来像是打印忽略了CSS的问题。是的，我确定。这似乎是浏览器忽略了CSS，但这种情况偶尔会发生。我可以确认webkit通常至少有两个与打印相关的错误，可能是字体特定的。在一种情况下，@media打印规则被忽略，而在另一种情况下，字母间距变得令人讨厌。可能您遇到了其中一个或另一个相关的问题。您确定您没有将该样式表用于屏幕
，也没有使用打印？听起来像是打印忽略了CSS的问题。是的，我确定。这似乎是浏览器忽略了CSS，但这种情况偶尔会发生。我可以确认webkit通常至少有两个与打印相关的错误，可能是字体特定的。在一种情况下，@media打印规则被忽略，而在另一种情况下，字母间距变得令人讨厌。也许你遇到了其中的一个或另一个相关的。
    <head>
    <title>AAAAAAAAAA</title>
    <script language="javascript" type="text/javascript" src="Controller/Configuratuion.js"></script>
    <script language="javascript" type="text/javascript" src="Library/JQuery.js"></script>
    <script language="javascript" type="text/javascript" src="Library/AjaxHelper.js"></script>
    <script language="javascript" type="text/javascript" src="Library/Scripts.js"></script>
    <script language="javascript" type="text/javascript" src="Controller/PrintCapaloteClienteController.js"></script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function() {
            PrintCapaloteClienteController.Init();
        });
    </script>
    <link type="text/css" rel="Stylesheet" href="css/BarCode3de9/stylesheet.css" />
    <link type="text/css" rel="Stylesheet" href="css/Style.css" />
    <style type="text/css">
        body#Print
        {
            padding: 10px 10px 10px 10px;
        }
        div#BarCodeContrainer
        {
            text-align: right;
        }
        div#HeaderContainer, .footer
        {
            border: solid 2px black;
        }
        div#MainContainer
        {
            text-align: center;
        }
        .leftText
        {
            text-align: left;
        }
        .rightText
        {
            text-align: right;
        }
        .centerText
        {
            text-align: center;
        }

        .header
        {
            text-align: left;
        }

        .header th
        {
            text-align: left;
            border-top: solid 1px black;
            border-bottom: solid 1px black;
        }

        .closeLeft
        {
            border-left: solid 1px black;
        }

        .closeRight
        {
            border-right: solid 1px black;
        }
    </style>
</head>
<body>
    <div id="HeaderContainer">

    </div>
    <div id="MainContainer">

    </div>
</body>
</html>