Html 两张桌子的垂直对齐

我有两张桌子，像这样：

#参考
{
字体系列：“Roboto”，无衬线；
字体大小：14px；
利润率：0px 10px 0px 15px；
文本对齐：左对齐；
边界塌陷：塌陷；
颜色：海军蓝；
}
#参考th
{
填充：8px；
字体大小：16px；
字体大小：正常；
背景：黄色；
边框顶部：2个实心#000；
边框底部：1px实心#000；
左边框：1px实心#000；
右边框：1px实心#000；
颜色：海军蓝；
文本对齐：居中；
}
#参考td
{
填充：8px；
边框底部：1px实心#000；
边框顶部：1px实心#000；
左边框：1px实心#000；
右边框：1px实心#000；
颜色：#669；
}
#参考tbody tr：悬停td
{
背景：粉红色；
颜色：#339；
}
#抄袭
{
字体系列：“Roboto”，无衬线；
字体大小：14px；
利润率：0px 10px 0px 15px；
文本对齐：左对齐；
边界塌陷：塌陷；
颜色：海军蓝；
}
#抄送
{
填充：8px；
字体大小：16px；
字体大小：正常；
背景：黄色；
边框顶部：2个实心#000；
边框底部：1px实心#000；
左边框：1px实心#000；
右边框：1px实心#000；
颜色：海军蓝；
文本对齐：居中；
}
#复制td
{
填充：8px；
边框底部：1px实心#000；
边框顶部：1px实心#000；
左边框：1px实心#000；
右边框：1px实心#000；
颜色：#669；
}
#复制tbody tr：悬停td
{
背景：粉红色；
颜色：#339；
}

表格测试
t1-标题1
t1-标题2
t1-标题3
t1-值1
t1-值2
t1-值3
t1-值4
t1-值5
t1-值6
t1-值7
t1-值8
t1-值9
t2-收割台1
t2-标题2
t2-值1
t2-值2
t2-值3
t2-值4

您只需修改“t2-标题1”的宽度

t2-标题1

您只需修改“t2-标题1”的宽度

t2-标题1

为什么不使用百分比

如果您坚持使用550px，只需在代码中设置它，并使用550px的百分比或将来使用的任何表格来保持不变

您可以查看引导表，以进一步了解表操作（压缩表、响应表等）

表格{
宽度：550px；
}
#参考文献
{
字体系列：“Roboto”，无衬线；
字体大小：14px；
利润率：0px 10px 0px 15px；
文本对齐：左对齐；
边界塌陷：塌陷；
颜色：海军蓝；
}
#参考th
{
填充：8px；
字体大小：16px；
字体大小：正常；
背景：黄色；
边框顶部：2个实心#000；
边框底部：1px实心#000；
左边框：1px实心#000；
右边框：1px实心#000；
颜色：海军蓝；
文本对齐：居中；
}
#参考td
{
填充：8px；
边框底部：1px实心#000；
边框顶部：1px实心#000；
左边框：1px实心#000；
右边框：1px实心#000；
颜色：#669；
}
#参考tbody tr：悬停td
{
背景：粉红色；
颜色：#339；
}
#抄袭
{
字体系列：“Roboto”，无衬线；
字体大小：14px；
利润率：0px 10px 0px 15px；
文本对齐：左对齐；
边界塌陷：塌陷；
颜色：海军蓝；
}
#抄送
{
填充：8px；
字体大小：16px；
字体大小：正常；
背景：黄色；
边框顶部：2个实心#000；
边框底部：1px实心#000；
左边框：1px实心#000；
右边框：1px实心#000；
颜色：海军蓝；
文本对齐：居中；
}
#复制td
{
填充：8px；
边框底部：1px实心#000；
边框顶部：1px实心#000；
左边框：1px实心#000；
右边框：1px实心#000；
颜色：#669；
}
#复制tbody tr：悬停td
{
背景：粉红色；
颜色：#339；
}

表格测试
t1-标题1
t1-标题2
t1-标题3
t1-值1
t1-值2
t1-值3
t1-值4
t1-值5
t1-值6
t1-值7
t1-值8
t1-值9
t2-收割台1
t2-标题2
t2-值1
t2-值2
t2-值3
t2-值4

为什么不使用百分比

如果您坚持使用550px，只需在代码中设置它，并使用550px的百分比或将来使用的任何表格来保持不变

您可以查看引导表，以进一步了解表操作（压缩表、响应表等）

表格{
宽度：550px；
}
#参考文献
{
字体系列：“Roboto”，无衬线；
字体大小：14px；
利润率：0px 10px 0px 15px；
文本对齐：左对齐；
边界塌陷：塌陷；
颜色：海军蓝；
}
#参考th
{
填充：8px；
字体大小：16px；
字体大小：正常；
背景：黄色；
边框顶部：2个实心#000；
边框底部：1px实心#000；
左边框：1px实心#000；
右边框：1px实心#000；
颜色：海军蓝；
文本对齐：居中；
}
#参考td
{
填充：8px；
边框底部：1px实心#000；
边框顶部：1px实心#000；
左边框：1px实心#000；
右边框：1px实心#000；
颜色：#669；
}
#参考tbody tr：悬停td
{
背景：粉红色；
颜色：#339；
}
#抄袭
{
字体系列：“Roboto”，无衬线；
字体大小：14px；
利润率：0px 10px 0px 15px；
文本对齐：左对齐；
边界塌陷：塌陷；
颜色：海军蓝；
}
#抄送
{
填充：8px；
字体大小：16px；
字体大小：正常；
背景：黄色；
边框顶部：2个实心#000；
边框底部：1px实心#000；
左边框：1px实心#000；
右边框：1px实心#000；
颜色：海军蓝；
文本对齐：居中；
}
#复制td
{
填充：8px；
边框底部：1px实心#000；
边框顶部：1px实心#000；
左边框：1px实心#000；
右边框：1px实心#000；
颜色：#669；
}
#复制tbody tr：悬停td
{
背景：粉红色；
颜色：#339；
}

表格测试
t1-标题1
t1-标题2
t1-标题3
t1-值1
t1-值2
t1-值3
t1-值4
t1-值5
t1-值6
t1-值7
t1-值8
t1-值9
t2-收割台1
t2-标题2
<th style="width: 317px; height: 0;">t2 - header 1</th>