具有行跨度和列跨度的复杂HTML表已断开
我正在努力用HTML显示一个结构相当复杂的表,并希望得到一些帮助,试图找出问题所在。我的目标是用HTML打印出下表: 所需布局 使用HTML显示时的实际布局:具有行跨度和列跨度的复杂HTML表已断开,html,html-table,Html,Html Table,我正在努力用HTML显示一个结构相当复杂的表,并希望得到一些帮助,试图找出问题所在。我的目标是用HTML打印出下表: 所需布局 使用HTML显示时的实际布局: 表td{ 边框:1px纯黑; } 桌子{ 宽度:100%; } 1. 2. 3. 4. 5. 6. 7. 8. 9 10 11 12 13 14 15 16 17 18 19 在这个表中,我必须留下一个空标记,以创建一个不允许您的表中断的行 表格{ 宽度:100%; } 表tr{ 高度:30px; } 表td{ 边框:1px纯黑;
表td{
边框:1px纯黑;
}
桌子{
宽度:100%;
}
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
在这个表中,我必须留下一个空标记
,以创建一个不允许您的表中断的行
表格{
宽度:100%;
}
表tr{
高度:30px;
}
表td{
边框:1px纯黑;
文本对齐:居中;
}
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
图像中的表格有6行,但html有5行?我相信空行是答案的关键,还有其他方法吗?@GauravGupta,是的,可能还有其他方法,但我只想到了这种方法。@GauravGupta您可以将所有行间距减少1,只需将第二行的样式设置为高度的两倍: