Html 两个具有相同CSS属性的表呈现不同的列宽

我试图通过使用固定的表格布局和在th元素上使用内联样式来设置表格列的宽度

.data-view\u表{
表布局：固定；
宽度：100%；
}

选定的系列概述
主帐户
名称
地址
城市
陈述
电话
电子邮件
其他联系人
名称
地址
城市
陈述

对此可能有更好的解决方案，但我能想到的一件事是为第二个表添加两个隐藏的标题列，它们模仿第一个表，下面的html应该可以工作。另外，我会在每个

中添加一个类（或id，但类可能更好），并使css不内联。这也将帮助您在第一个表和第二个表中为

th

元素重用该类

选定的系列概述
主帐户
名称
地址
城市
陈述
电话
电子邮件
其他联系人
名称
地址
城市
陈述

因此，您需要指定电子邮件的宽度，以便总金额为100%； 第二，解决方案是为第二个表的剩余宽度提供一个空的th

选定的系列概述
主帐户
名称
地址
城市
陈述
电话
电子邮件
其他联系人
名称
地址
城市
陈述

表格中的单元格将填充整个宽度。如果您不喜欢空单元格，请使用

，它是

display:block

，将保持所需的宽度。

您的第二个表中的列更少，这可能就是原因？如果将第二个表的百分比加起来，它们的总和不会达到100%，因此该表可能正在扩展某些列以占据整个宽度。尝试添加两个模拟第一个表的空列-这可能会解决问题（只是不给它们标题，而是给它们内联样式，使其看起来像第一个表）。当我使用基于像素的宽度时，同样的问题也会发生。最好的解决方案是添加一些隐藏列以使它们对齐，还是有办法防止列自动展开？