表内容随内容扩展

如何防止td比表格最大宽度变宽？我无法设置像素大小，因为它用于填充表格的其余宽度。当我将最大宽度设置为100％时，这似乎是其内容宽度。表内容随内容扩展

<div class="content" style="width: 200px; max-width: 200px;"> 
    <table class="outer-table" style="width: 100%; max-width: 100%;"> 
     <tr> 
      <td style="white-space: nowrap; max-width: 100%; background-color: yellow;"> 
       <div class="inner-div" style="width: 100%; max-width: 100%; overflow: scroll;"> 
       This is a table width to much content. I use "white-space: nowrap" to force it to grow wide. 
       </div> 
      </td> 
     </tr> 
    </table> 
    </div>

看到它在行动：http://jsfiddle.net/TxqT4/1/

来源

2013-03-08 einord

只是从你的TD风格

使用NOWRAP属性，你迫使TD的内容留在线即除去white-space: nowrap。没有断行，这就是为什么它是创造问题

看到这里Update code

来源

2013-03-08 07:45:37 Sachin

我使用NOWRAP故意的。但为什么“overflow：scroll”不生效？因为它看起来好像td的100％宽度不是我所期望的表格宽度。 – einord 2013-03-08 08:03:20

@einord我有你的问题。所以只需添加溢出：滚动或自动到父div。它会解决你的问题看看这里http://jsfiddle.net/TxqT4/4/。请随时回复。 – Sachin 2013-03-08 09:57:35

谢谢！这解决了我的问题。我为什么没有想到它？ – einord 2013-03-08 11:05:37

表内容随内容扩展

回答

相关问题