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

Question

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

我想知道为什么滚动不会发生？它只是伸展桌子。尝试使用和不使用white-space运行代码：nowrap并查看它是如何不同的。每当我申请nowrap时，我的桌子就会拉长。我该如何避免这种情况？

Answer 1

我很确定这就是桌子的工作原理;当他们的一个细胞中含有太多内容时，它们会伸展。 尝试在<div>中添加<td>，然后将宽度和溢出属性应用于此。

附录：

table的CSS宽度属性为150px而div的百分比为%100。尝试给<div>一个非百分比宽度......

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

或者尝试将整个<table>放入具有固定宽度的<div> ...

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

...最后，我建议您将CSS放在外部.css文件中;）