如何最小化表格列的宽度（展开一列）？答案

【问题标题】：How to minimize width of a table column (expand one column)?如何最小化表格列的宽度（展开一列）？
【发布时间】：2014-01-22 17:35:51
【问题描述】：

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

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

问题是如果右边的内容不够大，额外的空间也会被平衡到左边（行号列变得比它需要的更宽）。如何强制所有多余的空间进入右列？

【问题讨论】：

标签： css

【解决方案1】：

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

【讨论】：

【解决方案2】：

另一种方法：

td:nth-child(2) { width: 100%; }

【讨论】：

【解决方案3】：

您可以将td twidth 设置为width:100% 以实现您所需要的。这是fiddle

【讨论】：

【解决方案4】：

另一种解决方案是：

td:first-child { width: 1% }

它不会裁剪您的内容，但会使第一列尽可能小

【讨论】：