Question

如何防止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/

Answer 1

从您的td风格中删除white-space: nowrap

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

请参阅此处Update code

表扩展了内部内容

1 个答案: