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

【问题标题】：How can I get a mixture of fixed and variable columns in a table with the variable columns the same size?如何在可变列大小相同的表中混合固定列和可变列？
【发布时间】：2011-08-16 11:06:20
【问题描述】：

我有一个包含四列数据的 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中工作。

【问题讨论】：

标签： html css

【解决方案1】：

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

【讨论】：

这不是我需要的。其他两列必须是固定宽度。