带有三个单元格的表格：在纯CSS中自动调整左右大小

我在一行中有三个实体，目前我使用表来显示它们：

<table>
  <tbody>
    <tr>
      <td id='td1'>some text</td>
      <td id='td2' style='width:600px;'>some text</td>
      <td id='td3'>some text</td>
    </tr>
  </tbody>
</table>

一些文本
一些文本
一些文本

我需要的是在浏览器调整大小时同时调整左右单元格的大小。我想知道没有JS是否可能

我甚至尝试过在IE中显然不起作用的方法，用单元格的宽度玩，但仍然没有成功。我完全是CSS的新手

---

有可能吗？提前谢谢。

无法验证，因为我正在使用手机，但您是否尝试过

<table>
    <colgroup>
        <col class="first" />
        <col />
        <col class="last" />
    </colgroup>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

防止浏览器根据每个单元格的内容计算其初始宽度，并在初始时为所有单元格提供相等的宽度。（高度仍将根据内容扩展。）然后使用css覆盖某些列

试试这个css

table{
width:100%;
}

---

它可以工作。

谢谢，它可以与

.first、.last{resize:both；width:300px；}

一起工作（不过可能与IE无关）。至于ID和内联CSS，它不是一个有效的例子，我只是不想把这个例子和CSS块搞混。很好，它起作用了。这里的人们已经习惯于分别阅读html和css。否则甚至会降低可读性。对于更复杂的问题，您可以在jsfiddle.net中创建一个工作示例，并在文章中包含核心html/css，其中包含指向fiddle的链接。

table{
width:100%;
}