html - 是否可以使用 CSS 仅扩展超大表格中的某些列？

Question

我有一个灵活宽度的表格，其单元格可以填充任意内容。但是，我希望能够仅使用 CSS 来规定某些列不应扩展到超过其自然不间断宽度。看起来这应该可以通过让列采用宽度“自动”和百分比的混合来实现:

<table style="width: 100%">
  <col style="width: auto" />
  <col style="width: 100%" />
  <tbody>
    <tr>
      <td>Sender Name</td>
      <td>Subject Line</td>
    </tr>
  </tbody>
</table>

但是，这似乎行不通。有没有办法只使用 CSS 来做到这一点？我不能使用 white-space: nowrap。

Answer 1

如果没有一些实际的宽度定义，您必须应用 nowrap。好消息是你可以把它应用到一个单元格上然后就可以了。它不应该破坏您的任何其他代码。看这里:

http://jsbin.com/axuhum/5

此外，如果您不将表格设置为 100%，而是将要自动扩展的单元格设置为 100%，那么它将自动扩展。 :)

这是引用代码。

<table>
  <tbody>
    <tr>
      <td style="white-space: nowrap;">Sender Name</td>
      <td style="width: 100%;">Subject Line</td>
    </tr>
  </tbody>
</table>