无法对齐两组表格数据

Question

我正在创建一个包含2个表的测试转录页面（到目前为止），如果右侧的表数据是左侧，则左侧底部表格中的这个单元格行（如箭头所示）将仅对齐未对齐（如橙色线所示）

如果我更改底部表格上的表格数据的padding-left属性（表格数据示例＆＃34; A＆＃34;，＆＃34; E＆＃34;等）以与表格对齐上面的数据，左边的行将在这里显示错位：

有没有一种方法可以让左边的两条线对齐，如第一张图片所示，还有表格数据如上图所示对齐？

Answer 1

我找到了一种方法来获取表数据和单元格线，而不需要查看那8个“2”。 在“Geometry”这个词上，我在它之前添加了2个div，在之后添加了一个div。 我在每个div中放了四个“2”，并为每个div提供了相同的类名。 在外部CSS中，我设置了两个属性：

.HiddenText
{
  display: inline;
  color: #ffffff;
}  

那样表头是中心，表数据是中心，2行是对齐的，没有任何丑陋的“2”可供查看。 图片： https://imgur.com/a/gxiVZdo

如果您需要更多代码来理解这一点，请告诉我。

Answer 2

如果您想在该列的中心获取成绩数据，请在每个等级数据上使用<center>标记，例如：<td><center>A</center></td>这是最简单的方法。如果情况并非如此，那么有很多方法可以做到这一点，所以你在哪个方面工作。所以，请分享你的代码。