css - 如何最小化表格列的宽度(展开一列)？

Question

我有一个简单的两列表，其中左侧显示行号，右侧显示代码。我希望左侧是最小尺寸且不剪裁，右侧填充剩余区域(整个表格应为 100% 宽度)。

<table>
  <tr>
     <td><pre>line numbers</pre></td>
     <td><pre>code</pre></td>
  </tr>
</table>

问题是，如果右边的内容不够大，额外的空间也会平衡到左边(行号列变得比它需要的更宽)。我怎样才能强制所有额外的空间进入正确的列？

Answer 1

只需将每行中的第二个 td 设置为 width: 100%; ... 如果表格单元格的宽度超过容器，因此它只会强制所有内容尽可能贴近您的样式。因此，在一列上设置 100% 宽度，而在另一列上不设置将使该列中的单元格尽可能宽。

参见 fiddle : http://jsfiddle.net/tvEY3/