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

我知道你问了有一段时间了，但这应该对你有用。我过去对 IE7 使用了类似的修复程序，所以我确信这可以解决问题。恐怕我没有IE7可以测试，IE10中的兼容模式不会加载jsFiddle。

table td { 
border: 1px solid black; 
min-width: 100px;
width:auto !important;
width:100%;
}

Answer 2

设置min-width：

它似乎在小提琴中工作：http: //jsfiddle.net/CJtUf/2/

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

小提琴：http: //jsfiddle.net/CJtUf/3/