html - 如何在具有相同大小的可变列的表中混合使用固定列和可变列？

Question

我有一个包含四列数据的 HTML 表，这些数据是从 SQL 数据库中检索到的。该表格使用 CSS 设计为页面的整个宽度。第一列和第三列的大小是固定的。我希望其他两列随表格改变大小，但两个可变宽度列的大小始终相同。

我已将这些样式用于第 1 列和第 3 列(固定宽度)和表格:

.column1
{
  min-width: 120px;
  width: 120px;
}

.column3
{
  min-width: 140px;
  width: 140px;
}

.mytable
{
  width: 100%;
}

我还没有为两个可变宽度列设置任何样式。我发现在 Firefox 中，表格按预期工作，但在 Internet Explorer 中，两个可变宽度的列会根据行中出现的文本改变大小。

如何使两个可变列保持相同的宽度？

编辑

不确定是否值得一提，但一些数据跨多个列且 colspan="3"。但是，情况并非总是如此，并且无论是否存在这样的行，表的大小都是相同的。目的是创建一个与 Microsoft CRM 4.0 中的表单相匹配的布局。四列和两列(第二列的 colspan=3)和高度可以变化的行的混合。这也意味着这只需要在 IE 中工作。

Answer 1

由于表格的宽度被定义为百分比，您可能会考虑将 .column1 和 .column3 也设置为百分比。这将帮助您定义其余两列的宽度。