0

你如何防止 td 变得比表格最大宽度更宽？我无法以像素为单位设置大小，因为它用于填充表格的其余宽度。当我将 max-width 设置为 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/

4

1 回答 1

0

只需white-space: nowrap从您的 td 样式中删除

使用 nowrap 属性，您将强制 td 内容保持内联，即。没有换行符，这就是它造成问题的原因

见这里更新代码

于 2013-03-08T07:45:37.270 回答