Question

我有一个灵活宽度表，其单元格可以填充任意内容。但是，我希望能够指定某些列不应仅使用CSS扩展超过其自然的非破坏宽度。看起来这应该是可能的，因为列的宽度为'auto'和百分比的混合：

<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％，而是将您想要自动展开的单元格设置为，那么它将会。：）

以下是供参考的代码。

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

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

1 个答案: