为父表设置固定宽度

Question

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

知道如何将表格设置为宽度200，然后将文本包装在嵌套表格中吗？现在所有的表都在伸展以适应冗长的文本： - （

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

只需添加[] - ::shadow pseudo-element

即可