有时候需要用到字体上下对齐,有些需要的文字较多,较少的文字需要加部分空格才能向上面的文字对齐。
本文实际测试了一下字体对齐需要的空格。
代码是在editplus里写的,该编辑软件里的字体首选项设置的是Courier New,在代码里,空两个空格就是一个汉字,符合通常以前认识的,一个汉字是占两个字符。但并不是所有字体都是空两个格正常。

如下是测试结果:(上面是三个文字,下面是两个文字,两个打印项对齐)
1.宋体——一个空格,不正常,对不齐,两个字的靠左。
2.宋体——两个空格,正常,对齐。
3.微软雅黑——两个空格,不正常,对不齐,两个字靠左。
4.微软雅黑——三个空格,正常,对齐。(在代码了里,由于编辑器用的Courier New,在代码里看上去是对不齐,但是预览打印设置该字体可以对齐)

这样,就存在字体不同,导致需要的空格不同。
有用户反馈在搜狗输入法里,输入v1,可以选空白字符,这样打出来的就是空字,占一个汉字。(这个应该是全角空字符,此外 在特殊符号里也能找到)

实际测试,无论是宋体,还是微软雅黑,都可以用搜狗输入法的v1空白字符,输入一个字符用来占一个汉字,占出来的两种字体都可以对齐。

关于对不齐解决方法有两种:
1.试验该字体几个空格可以对齐。
2.使用输入法自带的空字试试。(例如搜狗中输入v1,找到空字)

代码:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WEB打印控件LODOP</title>
<script language="javascript" src="LodopFuncs.js"></script>
</head>
<body>
<a href="javascript:prn1_preview()">宋体 微软雅黑空格测试</a><br>
<a href="javascript:prn2_preview()">微软雅黑一个搜狗空字符</a><br>
<script language="javascript" type="text/javascript">
var LODOP; //声明为全局变量
function prn1_preview() {
LODOP=getLodop();
LODOP.PRINT_INIT("");
LODOP.SET_PRINT_STYLE("FontSize",17); //editplus该代码编辑软件首选项设置的代码字体是Courier New字体,
LODOP.ADD_PRINT_TEXT(20,40,134,32,"文本项:");
LODOP.ADD_PRINT_TEXT(72,40,134,32,"文 本:");//默认(宋体),一个空格,不正常
//Courier New字体一个空格不正常,宋体一个空格不正常。 LODOP.ADD_PRINT_TEXT(20,224,134,32,"文本项:");
LODOP.ADD_PRINT_TEXT(72,224,134,32,"文 本:");//默认(宋体),两个空格,正常
//Courier New字体两个空格正常,宋体两个空格正常。 LODOP.ADD_PRINT_TEXT(160,40,134,32,"文本项:");
LODOP.ADD_PRINT_TEXT(212,40,134,32,"文 本:");//(微软雅黑),两个空格,不正常
LODOP.SET_PRINT_STYLEA(0,"FontName","微软雅黑");
LODOP.SET_PRINT_STYLEA(-1,"FontName","微软雅黑");
//Courier New字体两个空格正常,微软雅黑两个空格不正常。 LODOP.ADD_PRINT_TEXT(160,224,134,32,"文本项:");
LODOP.ADD_PRINT_TEXT(212,224,134,32,"文 本:");
LODOP.SET_PRINT_STYLEA(0,"FontName","微软雅黑");//(微软雅黑),三个空格,正常
LODOP.SET_PRINT_STYLEA(-1,"FontName","微软雅黑");
//Courier New字体三个空格不正常,微软雅黑三个空格正常。 LODOP.ADD_PRINT_TEXT(160,424,134,32,"文本项:");
LODOP.ADD_PRINT_TEXT(212,424,134,32,"文 本:");//(微软雅黑),一个搜狗v1空字,正常
LODOP.SET_PRINT_STYLEA(0,"FontName","微软雅黑");
LODOP.SET_PRINT_STYLEA(-1,"FontName","微软雅黑");
//Courier New字体一个搜狗v1空字正常,微软雅黑一个搜狗v1空字正常。 LODOP.PRINT_DESIGN();
// LODOP.PREVIEW();
};
function prn2_preview() {
LODOP=getLodop();
LODOP.PRINT_INIT("");
LODOP.SET_PRINT_STYLE("FontSize",17);
LODOP.ADD_PRINT_TEXT(20,40,134,32,"文本项:");
LODOP.ADD_PRINT_TEXT(70,40,134,32,"文 本:");//(微软雅黑),一个搜狗v1空字,正常
LODOP.SET_PRINT_STYLEA(0,"FontName","微软雅黑");
LODOP.SET_PRINT_STYLEA(-1,"FontName","微软雅黑");
LODOP.PRINT_DESIGN();
};
</script>
</body>

图示 :

最新文章

  1. 【腾讯Bugly干货分享】美团大众点评 Hybrid 化建设
  2. iOS,信息加解密
  3. \r与\n的区别
  4. 定位form光标行
  5. tp框架总体学习总结(一)
  6. 用户信息 Froms验证票证
  7. yousa_team团队项目 兼职平台 完成展示
  8. angularjs——路由篇
  9. 如何判断Linux 是32位还是64位
  10. Linux服务管理1-1 课程简介与系统运行级别
  11. 排序1,2......n的无序数组,时间复杂度为o(n),空间复杂度为o(1)
  12. django的闪现和增、删、改、查
  13. switch与if语句的应用
  14. 从源码开始运行Bitcoin Core
  15. ReactiveX 学习笔记(21)使用 Rx.NET + ReactiveUI 进行 GUI 编程
  16. HDU - 5340 Three Palindromes(manacher算法)
  17. Golang 数组和字符串之间的相互转换[]byte/string
  18. OneZero第二周第三次站立会议(2016.3.30)
  19. 结构体内的函数与bfs的情景变量
  20. TW实习日记:第六天

热门文章

  1. RocketMQ部分消息消费不到的问题
  2. 上传图片,点击触发隐藏得file
  3. 数据库(以MySQL为例)
  4. fluent求平均温度、最高低温度和平均传热系数【转载】
  5. 20190710用控制台启动一个wcf服务
  6. 第07组 Alpha冲刺(1/6)
  7. Vue学习手记08-vue-cli的启动过程
  8. JS 读取 获取 cookie
  9. Are query string keys case sensitive?
  10. 利用JS-SDK微信分享接口调用(后端.NET)