html - 表列的最大宽度

Question

我试图为表格中的列设置最大宽度(也就是说，我希望该列中的所有单元格都具有相同的最大宽度)，但是我最初的尝试失败了:

<table border="1">
    <tr><td style="max-width:100px">a bunch of text here, it should get wrapped</td></tr>
    <tr><td>a bunch of text here, it should get wrapped</td></tr>
</table>

(也在 http://jsfiddle.net/Le6H6/4/ )

我期望为一个单元格设置最大宽度应该自动为同一列中的所有单元格设置它。但不知何故，第二行的单元格否决了我设置的最大宽度，现在两个单元格都比那个宽度宽。

我有两个问题:

1. 为什么会这样？
2. 我知道为该列中的每个单元格设置最大宽度(单独设置或通过适当的 CSS 规则设置)将实现我想要的效果。但是还有一种方法可以设置列的最大宽度，而无需为每个单元格都设置吗？

Answer 1

1) 发生这种情况是因为 HTML 表格就是这样工作的。表格会根据最大单元格宽度调整大小。如果您仔细想想，这是合乎逻辑的。

2) 有很多方法可以解决这个问题，但没有一种方法符合您将单一样式添加到单个单元格的限制。

抱歉，如果这不是您要找的答案。 :/