关于table标签创建不规则表格的流程

1、

指定table宽度、边框、以及边框合并

2、给td加高度table tr td {height:50px}

3、接下来说明一个思路,如果第一行的标题td不添加colspan直接写了宽度为100%的话,会规定第一行只有一列,接下来的几行不管写了多少列,规定了多少宽度,都不会生效,因此这里在第一行就规定td的colspan  = "10" width = "100%"

4、接下来的每一行,如果不相同,那就按照第一行的列数,自定义列数分配给每一个格子,并且指明每一个格子的宽度,总数要与第一行相匹配。

5、如果和之前定义的格式相同,那只需要给每一个td指定与之前相同的列数colspan即可

代码如下:






   
    付款申请单
   



付款申请单



   
       
   
   
       
       
       
       
       
       
   
   
       
       
       
       
       
       
   
   
       
       
   


   
       
       
       
       
       
       
   
   
       
       
       
       
       
       
       
   


   
       
       
       
       
       
       
   
   
       
       
       
       
       
       
   

            申请付款部门:
           
           
           
            经办人:
       
收款单位账号开户银行
收款单位账号开户银行
付款金额
       
收款单位账号开户银行
审批总经理分管副总财务经理
总经理分管副总财务经理
收款单位账号开户银行

效果图如下:

关于table标签创建不规则表格的流程_第1张图片

你可能感兴趣的:(关于table标签创建不规则表格的流程)