Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
具有行跨度和列跨度的复杂HTML表已断开_Html_Html Table - Fatal编程技术网

具有行跨度和列跨度的复杂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纯黑;

我正在努力用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纯黑;
文本对齐:居中;
}

测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本

图像中的表格有6行,但html有5行?我相信空行是答案的关键,还有其他方法吗?@GauravGupta,是的,可能还有其他方法,但我只想到了这种方法。@GauravGupta您可以将所有行间距减少1,只需将第二行的样式设置为高度的两倍: