在font-size属性控制数字大小的时候，可能会出现数字间隔有问题，间隔不一致，可尝试用其他字体大小试试，一般字体越小，越可能出现问题。

如图，前两个打印项都是form1,样式一个是style1,一个是syle2。而style1和style2的区别就是字体大小，一个是9px，一个是12px。
在本人的这台电脑上，9px数字间隔有点问题，而12px没有，此外px数值越小，字越小，间隔问题越严重，有客户12px不可以，再加大才可以。
如图，7pt是正常的，此外3pt，1pt，等放大后也是正常的。

可尝试的解决方法：
1：加大px的数值，换其他数值试试。
2：换用pt设置字体大小试试。

测试代码：

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>WEB打印控件LODOP</title>

<script language="javascript" src="LodopFuncs.js"></script>

<style id="style1"> table,td,th {border-width:1px;border-style:solid;border-color:#cccccc;border-collapse:collapse;font-size:9px;}</style>

<style id="style2"> table,td,th {border-width:1px;border-style:solid;border-color:#cccccc;border-collapse:collapse;font-size:12px;}</style>

</head>

<body>

<form id="form1">

 <table style="width:700px;font-family:'宋体';">

 <tr>

 <td style="text-align: center;">1</td>

 <td>1130005205000177</td>

 </tr>

 </table>

 </form>

<form id="form2">

 <table>

 <tr style="font-size:9px;">

 <td>1</td>

 <td>1130005205000177</td>

 </tr>

 </table>

<span style="font-size:9px;">1130005205000177</span>

<span style="font-size:7pt;">1130005205000177</span>

1130005205000177

<span style="font-size:3px;">1130005205000177</span>

 </form>

<a href="javascript:prn1_preview()">打印预览</a><br>

<script language="javascript" type="text/javascript">

        var LODOP; //声明为全局变量

    function prn1_preview() {

        LODOP=getLodop();

        LODOP.PRINT_INIT("");

        var strBodyStyle1="<style>"+document.getElementById("style1").innerHTML+"</style>";

        var strBodyStyle2="<style>"+document.getElementById("style2").innerHTML+"</style>";

        var strFormHtml1=strBodyStyle1+"<body>"+document.getElementById("form1").innerHTML+"</body>";

        var strFormHtml2=strBodyStyle2+"<body>"+document.getElementById("form1").innerHTML+"</body>";

        LODOP.ADD_PRINT_HTM(10,10,350,60,strFormHtml1);

        LODOP.ADD_PRINT_HTM(80,10,350,60,strFormHtml2);

        LODOP.ADD_PRINT_HTM(150,10,350,60,document.getElementById("form2").innerHTML);

        LODOP.ADD_PRINT_HTM(210,10,"100%","100%",document.documentElement.innerHTML);

        LODOP.PRINT_DESIGN();

        //LODOP.PREVIEW();

    };

</script>

</body>

图示：

Lodop打印html数字间隔不一致的更多相关文章

  1. [原创]Lodop打印, 以及Lodop引用css文件控制打印样式的问题.

    最近在做Lodop打印功能: 思路是:  用MasterPage搭个打印页面的框架, 然后在具体的页面中填入数据, 打印的样式由母版页和CSS来控制. 困扰了一天的问题是:  在打印的JS文件中, 引 ...

  2. Lodop打印控件里SET_PRINT_STYLE和SET_PRINT_STYLEA

    LODOP.SET_PRINT_STYLE 对该语句后面的打印项样式设置效果.LODOP.SET_PRINT_STYLEA 针对第一个参数设置的打印项样式设置效果.这两个语句,作用范围不同. 在设置字 ...

  3. Lodop打印控件输出页码（超文本和纯文本页码）

    Lodop打印控件打印超文本既可以手动分页,也可以自动分页,自动分页可阅读本博客的另一篇博文:Lodop打印控件 超文本自动分页 自动分页的时候,往往是不知道需要打印的内容到底分了几页,也就不可能预先 ...

  4. chrome升级后LODOP打印插件无法使用

    今天帮朋友使用LODOP实现一个套打程序时,发现LODOP打印插件在chrome下始终无法使用.分析后发现是自己才升级了chrome,chrome新版默认是禁用npapi的,因此需要手动启用一下,启用 ...

  5. Java 打印金字塔 or 打印带数字的金字塔 （Java 学习中的小记录）

    Java 打印金字塔 or 打印带数字的金字塔 (Java 学习中的小记录) 作者:王可利(Star·星星) 效果图: 代码如下: class Star8 { public static void m ...

  6. LODOP打印控件示例

    一.lodop打印预览效果图 LODOP.PRINT_SETUP();打印维护效果图 LODOP.PREVIEW();打印预览图 二.写在前面 最近项目用到了LODOP的套打,主要用到两个地方,一是物 ...

  7. LODOP打印当前日期时间的方法

    JS方法直接获取.之前有个详细介绍的博文:LODOP打印用JS获取的当前日期本文也再演示一下,详细介绍见上面链接的博文,该方法此文不做详细介绍. 本文有三段:1.JS获取日期,2,.LODOP的FOR ...

  8. LODOP打印用JS获取的当前日期

    该文详细一步步解释JS获取当前时间的方法,新手小白也看到懂,最后是实际的获取当前年月份的方法.JS中的Date()对象,包含很多当前系统时间的方法,首先建立一个Date()对象,这里取名为date,然 ...

  9. Lodop打印控件在页面如何使用

    Lodop打印控件部署到web服务器简单,在页面的使用方法也简单,是非常容易和方便使用的打印控件.客户端本地打印角色(即用户访问网站后 用自己链接的打印机进行客户端本地打印),步骤很少,部署简单:Lo ...

随机推荐

  1. ASP.NET 管道

    序号 名称 说明 1 BeginRequest ASP.NET开始处理的第一个时间,表示处理的开始 2 AuthenticateRequest 验证请求,一般用来取得请求的用户信息 3 PostAut ...

  2. Java IO（三）——字节流

    一.流类 Java的流式输入/输出是建立在四个抽象类的基础上的:InputStream.OutputStream.Reader.Writer.它们用来创建具体的流式子类.尽管程序通过具体子类执行输入/ ...

  3. Unity热更新学习（二） —— ToLua c#与lua的相互调用

    tolua 下载地址:http://www.ulua.org/index.html c#调用lua的方法,tolua的官方例子提供了很多种.我初步学了一种在做项目使用的方法.通过DoFile方法执行l ...

  4. 分布式系统消息中间件——RabbitMQ的使用基础篇

    分布式系统消息中间件——RabbitMQ的使用基础篇

  5. ASP.NET Core 集成测试

    集成测试 集成测试,也叫组装测试或联合测试.在单元测试的基础上,将所有模块按照设计要求(如根据结构图)组装成为子系统或系统,进行集成测试. 实践表明,一些模块虽然能够单独地工作,但并不能保证连接起来也 ...

  6. 使用Filter过滤器+重写Request完美解决乱码问题

    一:原理 1.对于Post方式提交的数据,我们可以通过直接设置request和response的编码方式来解决乱码问题:但是Get方式提交的数据,那么就需要编码再解码的方式解决乱码问题. 2.我们一般 ...

  7. [翻译] 如何在 ASP.Net Core 中使用 Consul 来存储配置

    [翻译] 如何在 ASP.Net Core 中使用 Consul 来存储配置 原文: USING CONSUL FOR STORING THE CONFIGURATION IN ASP.NET COR ...

  8. python 操作数据库

    官方文档:https://www.python.org/dev/peps/pep-0249/ 1.创建connection,建立网络连接 MySQLdb.Connect(host,port,user, ...

  9. 第十五次oo作业

    作业十五 测试与正确性论证的效果差异 程序的测试需要通过输入特定数据等方式,检查程序是否和预期相同,因为测试不可能穷举,导致了不穷举的测试不可能验证程序是完全正确的,只能验证程序在测试时没有发生错误, ...

  10. CSS scroll-behavior属性： 滚动框指定滚动行为

    概念 当用户手动导航或者 CSSOM scrolling API 触发滚动操作时,CSS 属性 scroll-behavior 为一个滚动框指定滚动行为,其他任何的滚动,例如那些由于用户行为而产生的滚 ...