html - 当表格比其容器宽时，我如何让 TD 不忽略它的宽度？

Question

当表格比容器宽时，如何让 TD 不忽略它的宽度？这需要在 IE7+ Chrome 和 FF 中工作。我目前在所有浏览器中都遇到了这个问题。

参见:http://jsfiddle.net/jzaun/CJtUf/

HTML 是:

  <table>
    <tr>
      <td>test</td>
      <td>test</td>
      ... Lots mote TDs ...
    </tr>
  </table>

CSS 是:

table td { 
    border: 1px solid black; 
    width: 100px;
}

Answer 1

设置最小宽度:

它似乎在 fiddle 中起作用:http://jsfiddle.net/CJtUf/2/

与max-width结合使用，你可以有一个固定的宽度

fiddle :http://jsfiddle.net/CJtUf/3/