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

Question

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

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

Answer 1

我很确定这就是表格的工作方式。当其中一个单元格中的内容过多时，它们会伸展。尝试将 a<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文件中；）