zoukankan      html  css  js  c++  java
  • 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>
      <p style="font-size:24px;">超文本内容1</p>
    </body>");
        LODOP.SET_PRINT_STYLEA(0,"Horient",2);
        LODOP.ADD_PRINT_HTM("15.88mm","2.65mm","44.98mm","10.58mm","<body>
      <p style="font-size:24px;margin-left:30px;">超文本内容1</p>
    </body>");
        LODOP.SET_PRINT_STYLEA(0,"Horient",2);
        LODOP.ADD_PRINT_HTM("30mm","2.65mm","54.24mm","10.58mm","<body>
      <p style="font-size:24px;margin-left:10mm;">超文本内容1</p>
    </body>");
        LODOP.SET_PRINT_STYLEA(0,"Horient",2);
        LODOP.PRINT_DESIGN();
    };
    </script>
     </body>

    图示:

  • 相关阅读:
    编译原理笔记 2
    编译原理笔记 1
    初步学习计算机图形学 [闫令琪]
    复杂 Web 前端的设计
    使用 GitHub Actions 部署 .Net 5 程序
    ES 2020 Optional Chain (可选链)
    2020 Web 前端学习记录
    WPF TreeView 支持多选
    linux (CentOS 7)报错:yum 命令报错 “ Cannot find a valid baseurl for repo: base/7/x86_6 ”
    node.js 报错
  • 原文地址:https://www.cnblogs.com/huaxie/p/11988011.html
Copyright © 2011-2022 走看看