html - 为父表设置固定宽度

Question

我已经阅读了表格的 css 属性，但我不明白为什么我不能为我的父表设置固定宽度:它总是被下游的 css 属性覆盖。例如我的代码如下:

知道如何将表格设置为宽度 200，然后让文本在嵌套表格中换行吗？现在所有的表格都在拉伸(stretch)以适应冗长的文本:-(

http://jsfiddle.net/8weav9qo/

<table cellspacing="0" cellpadding="0" border="1" width="200">
        <tr width="100px">
            <td>
          Title<br/><br/>                         
          <table cellspacing="4" cellpadding="0"><tr>
            <td><img src="http://www.macaulay.ac.uk/IFRU/images/blue_arrow.gif"></img></td>        
            <td>HelloHelloHelloHelloHelloHelloHelloHelloHelloHello</td>
          </tr></table>
          <table cellspacing="4" cellpadding="0"><tr>
            <td><img src="http://www.macaulay.ac.uk/IFRU/images/blue_arrow.gif"></img></td>        
            <td>Hello</td>
          </tr></table>
          <table cellspacing="4" cellpadding="0"><tr>
            <td><img src="http://www.macaulay.ac.uk/IFRU/images/blue_arrow.gif"></img></td>        
            <td>Hello</td>
          </tr></table>            
            </td>
        </tr>
</table>    

Answer 1

只需添加table-layout: fixed - http://jsfiddle.net/8weav9qo/2/