有时候需要用到字体上下对齐，有些需要的文字较多，较少的文字需要加部分空格才能向上面的文字对齐。
本文实际测试了一下字体对齐需要的空格。
代码是在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>

图示 ：

LODOP带空格和不带空格的字体对齐的更多相关文章

  1. 掘金 里面 写文章 带目录的时候 用#(空格)标题 后面用## title，一个页面只有一个H1

    掘金 里面 写文章 带目录的时候 用#(空格)标题 后面用## title,一个页面只有一个H1

  2. C# 中将多个空格替换成一个空格

    2013-04-17 15:36 C# 中如何将多个空格替换成一个空格? 1 myString = Regex.Replace(myString, @"\s+", " & ...

  3. C++中#include包含头文件带 .h 和不带 .h 的区别

    C++中#include包含头文件带 .h 和不带 .h 的区别? 如 #include <iostream> 和 #include <iostream.h> 包含的东西有哪些 ...

  4. java将多个连续的空格转化成一个空格

    java将多个连续的空格转化成一个空格: System.out.println("a a".replaceAll(" + ", " ")); ...

  5. c程序设计语言_习题1-9_将输入流复制到输出流，并将多个空格过滤成一个空格

    Write a program to copy its input to its output, replacing each string of one or more blanks by a si ...

  6. HttpHelps类，用来实现Http访问，Post或者Get方式的，直接访问，带Cookie的，带证书的等方式，可以设置代理

    原文地址:http://blog.csdn.net/cdefg198/article/details/8315438 万能框架:http://www.sufeinet.com/forum.php?mo ...

  7. 华为CloudIDE免费公测，带你出坑带你飞

    你的代码仓库上线了吗?是不是有时候遇到这样的问题? 只想浏览一下代码,却发现线上浏览效果不佳,高亮显示什么的都没有.而在桌面端浏览要需要先同步代码,再用桌面端的IDE打开.尤其是使用git的时候,先要 ...

  8. python web开发-flask中的url带斜线和不带斜线区别详解

    通过flask进行路由配置的时候,有一个细节,就是同样的url,带上"/"和不带"/"有什么区别. 举例说明: 比如有个url,名字为"/url&qu ...

  9. js中new函数后带括号和不带括号的区别

    用new创建构造函数的实例时,通常情况下new 的构造函数后面需要带括号(譬如:new Parent()). 有些情况下new的构造函数后带括号和不带括号的情况一致,譬如: function Pare ...

随机推荐

  1. YAML_05 定义一个变量创建用户,设置密码

    ansible]# vim user2.yml --- - hosts: cache   remote_user: root   vars:     user: wangwu   tasks:     ...

  2. C# Ninject使用

    Ninject是一个IOC容器,用来解决程序中组件的耦合问题,它的目的在于做到最少配置.简单来讲就是 为我们选择一个想要的类来处理事务. 百度百科的解释:一个快如闪电.超轻量级的基于.Net平台的依赖 ...

  3. 转微软最新的Web服务器Katana发布了版本3

    作者 Jonathan Allen ,译者 邵思华 发布于 2014年8月28日 Katana是微软对OWIN(基于.NET的开放Web接口)标准自行开发的一套实现方案,它是一种相对于IIS及Syst ...

  4. firefox设置

    如果长期使用linux(我常使用的是fedora)的朋友,就会知道,默认情况下,只要是这台linux再内网,开机几个小时后就无法再访问 google 和webqq 这些网站了并且打开一些网站也是要话上 ...

  5. （14）打鸡儿教你Vue.js

    重构 "代码重构" 为什么要进行重构 提高代码的可读性和可维护性 代码中存在着重复的代码 存在过大的类或过长的方法 强依赖.紧耦合的结构 运算逻辑难以理解 代码不能清晰 统一的编码 ...

  6. Pytest权威教程26-示例和自定义技巧

    目录 示例和自定义技巧 返回: Pytest权威教程 示例和自定义技巧 这是一个(不断增长的)示例列表.如果你需要更多示例或有疑问,请联系我们.另请参阅包含许多示例代码段的 综合文档.此外,stack ...

  7. finnal关键字修饰

    1.修饰变量,被赋值后不能被赋其他值,相当于常量 2.修饰方法,该方法不可以被子类重写,但可以重载 3.修饰类,修饰的类不可以被继承,如String,Math等

  8. Educational Codeforces Round 64（ECR64）

    Educational Codeforces Round 64 CodeForces 1156A 题意:1代表圆,2代表正三角形,3代表正方形.给一个只含1,2,3的数列a,ai+1内接在ai内,求总 ...

  9. element ui table组件自定义合计栏,后台给的数据

    合计的数据是后台传的,所以用table组件自定义一行用来合计 <el-table border fit v-loading.body="listLoading" elemen ...

  10. OpenFOAM显示残差

    本文主要讲解两种方法用来显示OpenFOAM的计算残差,一种是采用OpenFOAM自带的foamMonitor来输出残差,另一种就是大家经常看见的采用pyFoam来输出残差.不管采用哪一种方法都必须安 ...