Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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_Css - Fatal编程技术网

如何创建类似html表的摘要表

如何创建类似html表的摘要表,html,css,Html,Css,我正在与HTML表,需要实现像附加图像 当我试图实现这一目标时,我遇到了这样的问题 ① 我不知道如何不显示边界线 ② 与所需结果相比,每个单元格大小未对齐 我想以某种方式实现。如果你有任何意见,请告诉我 谢谢 表格{ 边界塌陷:塌陷; 表布局:固定; 文本对齐:居中; 宽度:10雷姆; 高度:10rem;} 运输署{ 边框:纯黑1px; } noborder先生{ } .noborder2{ } 总计(汇总) A. B C 1. 2. 3. 6. 您可以使用空单元格执行类似操作:隐藏

我正在与HTML表,需要实现像附加图像

当我试图实现这一目标时,我遇到了这样的问题

① 我不知道如何不显示边界线

② 与所需结果相比,每个单元格大小未对齐

我想以某种方式实现。如果你有任何意见,请告诉我

谢谢

表格{
边界塌陷:塌陷;
表布局:固定;
文本对齐:居中;
宽度:10雷姆;
高度:10rem;}
运输署{
边框:纯黑1px;
}
noborder先生{
}
.noborder2{
}

总计(汇总)
A.
B
C
1.
2.
3.
6.

您可以使用
空单元格执行类似操作:隐藏

注意:但是边界是有点关闭的,因为它删除了内容不存在的td边界。如果可以的话

.tbl{
空单元格:隐藏;
边框:1px实心#999;
}
运输署{
背景:#fff;
边框:1px实心#999;
填充:10px 15px;
光标:指针;
}

总计(汇总)
A.
B
C
1.
2.
3.
6.

查看colspan和rowspan属性谢谢您的回答,有没有办法将每个单元格宽度与所附图像对齐?Thanks@Heisenberg我已经按照你的要求更新了我的第二段,请告诉我。