-
HTML-Demo：工商银行电子汇款单
HTML-Demo：工商银行电子汇款单
Date: November 20, 2022
Demo简介：
简要说明一下这个demo
用HTML完成以下表格
知识点简介：
简要介绍其中一些知识点
表格属性
cellspacing 与 cellpadding
功能：
cellpadding和cellspacing属性控制表格边框的间距
效果：
具体：
cellspacing属性设置表格边框之间和表格单元格之间的间距（以像素为单位）；
cellpadding属性设置单元格中的信息四周的间距（也是以像素为单位）。
注意：
如果将cellpadding属性设置为0，将使表格中的所有信息尽量接近表格边框，甚至接触到边框。
案例：
- 1
具体案例参考：
https://www.w3school.com.cn/tiy/t.asp?f=eg_html_table_cellspacing
https://www.w3school.com.cn/tiy/t.asp?f=eg_html_table_cellpadding
整体代码：
Document 工商银行电子汇款单
回单类型 网上转账汇款 指令序号 HQH00000000000000013878172 收款人 户名 老牟 付款人 户名 老刘 卡号 000000000001 卡号 000000000002 地区 南京 地区 杭州 网点 江苏南京 网点 江苏徐州业务中心 币种 人民币 钞汇标志 钞票 金额 1.00元 手续费 0.01元 合计 人民币（大写）： 壹元整 交易时间 2020年12月31日 时间戳 2020-12-31-00：00 票据打印时间：2017-06-01 00：01：00
票据打印单位:江苏徐州业务中心操作员：大曾
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
一些思考：
问题1：
如何保持左右表格中td的间距同步？
换句话说，就是如何自动让B格宽度增长的同时，让A格宽度同步增长？
解决方案1：
设置表格中格子拥有固定宽度
原本代码：
回单类型 网上转账汇款 指令序号 HQH00000000000000013878172 - 1
- 2
- 3
- 4
- 5
- 6
修改后代码：
回单类型 网上转账汇款 指令序号 HQH00000000000000013878172 - 1
- 2
- 3
- 4
- 5
- 6
问题：
若格子中数据过长仍会导致同样问题，唯有设置B格中传入数据长度在一定范围内。
- 相关阅读:
千寻简Git连接Gitee
字符串哈希
详解IDEA git 版本回滚
超神之路 数据结构 1 —— 关于数组的基本认识
爬虫项目（八）:自动获取CSDN博客文章质量评分
【大数据】Flink 内存管理（三）：TaskManager 内存分配（理论篇）
通过redis在控制台模拟手机验证码功能（java）
Mish-撼动深度学习ReLU激活函数的新继任者
独立站引流技巧和营销思路
Spring源码阅读-ClassPathXmlApplicationContext
- 原文地址：https://blog.csdn.net/CaptainDrake/article/details/127951494