启用溢出：滚动到 100% 宽度的表格单元格

Question

我正在尝试执行以下操作： http://www.pastebin.org/113337

我'我想知道为什么滚动不会发生？它只是拉伸桌子。尝试运行带有和不带有空格的代码：nowrap 并查看其有何不同。每当我应用 nowrap 时，我的桌子就会被拉长。我该如何避免这种情况？

Answer 1

我很确定这就是表格的工作原理；当其中一个单元格中有太多内容时，它们就会伸展。
尝试将

放入 中，然后对其应用宽度和溢出属性。

附录：

您的 table 的 CSS 宽度属性为 150px，而 div 的 CSS 宽度属性为 %100。尝试为

指定非百分比宽度...

<table>
    <tr>
        <td>
            <div style="150px;">
                <!-- wtv -->
            </div>
        </td>
    </tr>
</table>

或者尝试将整个 放入

> 具有固定宽度...

<div style="width:150px">
    <table>
    <!-- wtv -->
    </table>
</div>

...最后，我建议您将 CSS 放入外部 .css 文件中；)