HTML表格使用rowspan/colspan异常及Time列边框设置问题求助

1. 使用rowspan时表格右侧出现多余单元格 #

核心原因是行内单元格总数不匹配。当某单元格用rowspan合并多行后，后续对应行没有同步减少单元格数量，浏览器会自动补充空白单元格来凑齐该行的总列数，最终出现右侧多余单元格。
比如表格共5列，某行第一个单元格设rowspan="2"，下一行就只需要写4个单元格，而非5个，否则浏览器会自动补位空白单元格。

2. 使用colspan时其他单元格错乱或变形 #

常见触发原因有两个：

• colspan数值错误：如果colspan的数值超出当前行剩余可用列数，或和其他单元格的colspan/rowspan组合后，整体列数与表格预设列数不匹配，会直接导致布局错乱。
• 布局规则不统一：某行用colspan合并列后，相邻行的单元格没有按照合并后的列结构对齐，比如合并2列的行下方，单元格未对应调整位置，就会出现错位变形。

3. Time列无法设置为粗边框 #

主要是CSS优先级冲突或边框设置范围有误：

• 若表格整体设置了border样式，单独给Time列设边框时，选择器优先级不足（比如用标签选择器，而表格边框用了类选择器），就无法覆盖默认样式，看不到粗边框。
• 若设置border-collapse: separate，只给单元格单边设粗边框时，会因边框未合并显示，看起来不是完整的粗边框；若设border-collapse: collapse，但未给Time列所有单元格的对应边框统一设置border-width: thick类样式，也无法实现效果。

内容的提问来源于stack exchange，提问作者Marc Dwight Betonio