在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. TIME_WAIT过多的解决方法(转)

    1.参考:https://blog.csdn.net/liangzhao_jay/article/details/50546898 2.参考: [Unix 网络编程]TCP状态转换图详解 - wenq ...

  2. Angularjs 过滤器使用

    Filter:格式化数据 // HTML表达式: {{ filter_expression | filter : expression : comparator}}   // JS表达式: $filt ...

  3. Python学到什么程度才可以去找工作？掌握这4点足够了！

    大家在学习Python的时候,有人会问"Python要学到什么程度才能出去找工作",对于在Python培训机构学习Python的同学来说这都不是问题,因为按照Python课程大纲来 ...

  4. 开源框架bboss单点登录demo跑起来

    目前公司新项目要使用一个开源框架bboss的单点登录功能,要将此功能整合到新系统中去,所以我就学习了一下. 首先,进入这个bboss框架作者的博客中,找到相应的session共享,单点登录的博文,看了 ...

  5. CSS的插入和选择器介绍

    一.认识CSS样式 1.定义 CSS全称:层叠样式表(Cascading Style Sheets) 主要作用:定义HTML内容在浏览器内的显示样式,比如文字大小.颜色.字体加粗等 优点:通过定义某个 ...

  6. 使用insert ignore来避免向数据库重复插入数据

    mysql中 insert ignore 的使用示例如下: INSERT IGNORE INTO `table_name` (`reportid`, `content`) VALUES (‘11111 ...

  7. ofo C++面试

    面试官不是C++方向,所以上来就是三个算法题. 1. 假设一个男生和他女朋友约吃饭,男生到的时间点是 6 点 到6点半,女生到的时间可能是 6点15到6点30,都是等概率的到达,问男生比女生到的晚的概 ...

  8. 批量采集世纪佳缘会员图片及winhttp异步采集效率

    原始出处:http://www.cnblogs.com/Charltsing/p/winhttpasyn.html 最近老有人问能不能绕过世纪佳缘的会员验证来采集图片,我测试了一下,发现是可以的. 同 ...

  9. springboot 双数据源+aop动态切换

    # springboot-double-dataspringboot-double-data 应用场景 项目需要同时连接两个不同的数据库A, B,并且它们都为主从架构,一台写库,多台读库. 多数据源 ...

  10. Vue之子组件

    全局组件 <script src="./static/vue.min.js"></script> // 导入vue <body> <div ...