表内容随内容扩展
问题描述:
如何防止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/
我使用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