-
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格中传入数据长度在一定范围内。
- 相关阅读:
洗地机怎么选？2023年洗地机推荐
获取淘宝/天猫购买到商品的订单详情——buyer_order_detail
（二开）Flink 修改源码拓展 SQL 语法
一文读懂Persistence One- 如何将Restaking带入Cosmos
yum ｜ dnf命令打补丁-升级安装包
动态内存管理
大集合里查询数据-布隆过滤器
Vue双向绑定的原理
中国1km土壤特征数据集（2010年）
π220N31兼容代替TI ISO1540DR 低功耗 3.0kVrms 双向I2C 隔离器
- 原文地址：https://blog.csdn.net/CaptainDrake/article/details/127951494
- 最新文章
-
沪漂五周年了：我越来越迷茫了
Agentic Skill Routing 实战：别再把所有 Skill 塞进 AI Agent 上下文
MySQL-Seconds_behind_master的精度误差
[MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
AI的至暗历史：从万众期待到被政府撤资，AI的两次死亡徘徊
Agent OS ：五种驯服不确定性的范式
PortSwigger SQL注入LAB11
数据库即时编译JIT
[Begin]AI Learn Data Day 0
深度学习进阶（二十七）现代 LLM 的核心架构设计其二：SwiGLU