如果一个表格在css样式等中设置了固定的宽度，想要实现表格在纸张中水平居中，可根据固定的宽度设置合适的左边距，如果打印项内容在打印项宽度中居中，可以设置打印项在纸张中居中。
方法1：宽度固定，纸张大小固定，设置合适的左边距
方法2：宽度固定，打印项内容在打印项宽度居中，然后设置打印项在纸张中居中。
注意：方法2需要内容在打印项宽度中居中，具体可查看本博客两篇相关博文：LODOP打印项水平居中、LODOP打印超文本有边距不居中的情况2、

如果表格本身没有设置固定宽度的样式，可通过百分比让表格在纸张中居中。
也就是表格本身样式宽度设置成100%。
方法3：宽度是100%，通过RightmMargin变相控制宽度。（此外也可变相控制高度）
相关博文：LODOP中的RightMargin右边距和BottomMargin下边距、
方法4：（本文演示的），打印项本身也设置成百分比，左边距+打印项宽度+右边距=100%。左边距和右边距相等，也就是100%-打印项需要在纸张中占的百分比，然后除以2，例如：左边距是打印项是60%，左右边距都是20%。设置参数时，只需要设置左边距20%，打印项宽度60%就可以了。

测试代码：

  1. <script language="javascript" src="LodopFuncs.js"></script>
  2. </head>
  3. <body>
  4. <div id="div1">
  5. <table border=1 style="border-collapse:collapse;" width="100%" bgcolor="blue">
  6. <tr>
  7.     <td>A</td>
  8.     <td>C</td>
  9. </tr>
  10. <tr>
  11.     <td>D</td>
  12.     <td>F</td>
  13. </tr>
  14. </table>
  15. </div>
  16. <a href="javascript:prn0_preview()">打印预览</a><br>
  17. <script language="javascript" type="text/javascript">
  18.         var LODOP; //声明为全局变量
  19.         function prn0_preview() {
  20.         LODOP=getLodop();
  21.         LODOP.PRINT_INIT("");
  22.         LODOP.ADD_PRINT_HTM(0,"20%","60%",200,document.getElementById("div1").innerHTML);
  23.         LODOP.ADD_PRINT_HTM(100,0,480,100,document.getElementById("div1").innerHTML);
  24.         LODOP.SET_PRINT_STYLEA(0,"Horient",2);//设置对象在纸张范围内水平居中,
  25. //        LODOP.PRINT_DESIGN();
  26.         LODOP.PREVIEW();
  27.     };
  28. </script>

图示：
图示中第一个表格打印项宽度是60%，第二个直接设置具体的打印项宽度。
设置百分比的这个，左边距设置为20%，这样右边距也是剩下的20%，就能大致居中。
第二个则是打印项宽度刚好容纳打印项内容，设置打印项居中。

LODOP表格水平居中3（宽度为百分比）的更多相关文章

  1. LODOP表格table简短问答及相关博文

    LODOP打印表格超文本输出表格:ADD_PRINT_HTML.ADD_PRINT_HTM.ADD_PRINT_TABLE.ADD_PRINT_TBURL打印表格带页头页尾 参考样例15 http:/ ...

  2. colgroup中col定义表格单元格宽度

    colgroup中可以使用col来定义表格单元格宽度,可以使用像素(数字),百分比,我们来具体看看有什么不同. 先看一个最基本的:用像素(数字)表示,因为table有个宽度,这里表示占比 <ht ...

  3. 注意padding-top 百分比定义基于父元素宽度的百分比上内边距！！是基于宽度

    定义和用法 padding-top 属性设置元素的上内边距(空间). 说明 该属性设置元素上内边距的宽度.行内非替换元素上设置的上内边距不会影响行高计算,因此,如果一个元素既有内边距又有背景,从视觉上 ...

  4. 关于html表格单元格宽度的计算规则

    * { margin: 0; padding: 0 } body { background: #fafafa } ul,li { list-style: none } h1 { margin: 20p ...

  5. 表格table列宽度控制<colgroup>

    <colgroup> 标签用于对表格中的列进行组合,以便对其进行格式化. 通过使用 <colgroup> 标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式. ...

  6. css table表格无法调整宽度问题分析

    1.在网上查找了相关问题,有的说表格设置了背景图片,把原来的宽度撑开了,导致无法变窄~! 在项目中,原来美工设计的页面,设置了一个块的样式class="title",现在有一段ht ...

  7. 关于jqGrid组件表格无法自适应宽度问题

    今天生成了一个4列的表格,但是无法自适应宽度,使用 $(window).resize(function(){ $(window).unbind("onresize"); $(&qu ...

  8. echart 设计宽度为百分比时，div撑不开

    解决思路:将百分比换算成px 一句话搞定 ("#chart").css( 'width', $("#chart").width() );$("#cha ...

  9. 相册 垂直居中; 水平居中. 1)宽度 大于高度, 宽度 100%; 2) 高度 大于 宽度 , 高度100%; getimagesize , list --->line-height , text-align, vertical-align, max-height, max-width

    一: 效果: 1) 黑色 部分是 相框. 2) 图片 要实现 水平居中, 垂直居中 3) 如果 宽度 大于 高度 ,那么 宽度 100% ,如图1 , 高度 自适应 ,同时不能超过黑色相框的 高度 ; ...

随机推荐

  1. nginx部署vue项目

    nginx是一个高性能的HTTP和反向代理服务器.因此常用来做静态资源服务器和后端的反向代理服务器.本文主要记录使用nginx去部署使用vue搭建的前端项目,项目基于vue官方的脚手架vue-cli构 ...

  2. public static void Swap2

    public class Swap2 { public static void Swap2 (IDemo a, IDemo b) { int temp = a.i; a.i = b.i; b.i = ...

  3. jQuery中判断数组

    判断数组里面是否包含某个元素可以使用 $.inArray("元素(字符串)",数组名称) 进行判断 ,当存在该元素(字符串)时,返回该元素在数组的下标,不存在时返回 -1 jQ=& ...

  4. java垃圾回收及gc全面解析（全面覆盖cms、g1、zgc、openj9）

    一般来说,gc的停顿时间和活跃对象的堆大小成比例,视gc线程的数量,每1GB可能会停顿1-3秒,且cpu数量通常和gc呈现阿姆达尔定律(Amdahl’s Law),而非我们直观计算的线性变化.如下: ...

  5. MongoDB 几种查询嵌套数据（Embedded）的方式（转载）

    前言 MongoDB 推荐使用「内嵌文档(Embedded)」,所以带来一个问题,如何查询嵌入文档内的数据? 假如我们有一个 storage 的 Collection,包含一条数据: // `stor ...

  6. 文件描述符fd,struct files_struct

    程序可以理解为硬盘上的普通二进制文件:进程是加载到内存中的二进制文件,除了加载到内存中的二进制文件外,还附有所有对于该二进制文件描述信息的结构体,描述该进程的结构体叫PCB(进程控制块),在这就不在讨 ...

  7. 20101010 exam

    目录 2018 10.10 exam 解题报告 T1:LOJ #10078 新年好 题目描述(原题来自:CQOI 2005): 输入格式: 输出格式: 样例输入: 样例输出: 数据范围与提示: 思路: ...

  8. File Browser文件资源服务器

    要是想一键启动的,这里有个封装版本的,上传到服务器,执行sh命令就能直接启动,也可以修改配置 链接:https://pan.baidu.com/s/1oVP5DrEQSV9hQmnF2bzM9A提取码 ...

  9. itext7 html转pdf实现

    公司最近做一个交易所项目,里面涉及一个需求就是将html模板,在填充数据后转换为pdf,这样防止数据更改,下面是具体实现 1 pom文件 <dependency> <groupId& ...

  10. js函数如何传递多个参数

    应用场景: 需要根据多个参数来判断该数据所属,从而达到删除或者修改的目的. 比如删除区域下的分组,一个区域可以用多个分组,不同的区域可以有相同的分组,那么如何识别对应的分组呢??? 可以在对应的数据操 ...