LODOP打印超文本有边距不居中的情况2

之前的博文:LODOP打印项水平居中
之前的博文有介绍超文本和纯文本的居中方式,设置超文本打印项居中时,注意打印内容要在打印项本身宽度里居中
之前的博文超文本用的是个表格,而且表格本身没有margin之类的边距,所以直接在打印设计里调整打印项宽度到合适表格的宽度,然后设置打印项水平居中就可以了。

该文再演示下超文本中有内部边距的时候,这种时候,也需要把超文本相对于打印项本身居中,也就是左右两侧距离相等。由于px是相对单位,受电脑分辨率的影响,所以尽量用pt或mm等绝对单位进行设计。

之前博文演示的超文本没有边距,所以可以直接调整打印项宽度和打印项右侧的内容宽度一致,但是如果是有边距,就必须让打印内容在打印项中居中,左侧有边距,右侧也要有相同的边距才可以,如果不是需要特别精确,可在打印设计粗略调整一下,左右两边大致一样大小就行,然后在打印设计里生成代码。

关于各种边距,可查看本博客相关博文:LODOOP中的各种边距 打印项、整体偏移、可打区域、内部边距

测试代码:

 <body>
<a href="javascript:p1();">超文本居中</a>
<script language="javascript" src="LodopFuncs.js"></script>
<script>
var LODOP;
function p1(){
    LODOP=getLodop();
    LODOP.PRINT_INIT("任务名");
    LODOP.ADD_PRINT_HTM("2.65mm","2.65mm","35.98mm","10.58mm","<body>\r\n  <p style=\"font-size:24px;\">超文本内容1</p>\r\n</body>");
    LODOP.SET_PRINT_STYLEA(0,"Horient",2);
    LODOP.ADD_PRINT_HTM("15.88mm","2.65mm","44.98mm","10.58mm","<body>\r\n  <p style=\"font-size:24px;margin-left:30px;\">超文本内容1</p>\r\n</body>");
    LODOP.SET_PRINT_STYLEA(0,"Horient",2);
    LODOP.ADD_PRINT_HTM("30mm","2.65mm","54.24mm","10.58mm","<body>\r\n  <p style=\"font-size:24px;margin-left:10mm;\">超文本内容1</p>\r\n</body>");
    LODOP.SET_PRINT_STYLEA(0,"Horient",2);
    LODOP.PRINT_DESIGN();
};
</script>
 </body>

图示:

补充:
参考:【LODOP】打印项在纸张中水平居中打印,超文本需内部居中https://v.ixigua.com/i6BGcbjy/

 

posted @ 2019-12-05 13:43  花谢悦神  阅读(950)  评论(0编辑  收藏  举报