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

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设为百分比。这将帮助您定义剩下的两列的宽度。