1

通常,表格会根据其内容调整其大小。但是当表格的适当宽度大于窗口的宽度时。表格似乎开始根据窗口的宽度调整其宽度。

该表可以根据其内容调整其宽度:

<table border="1">
    <tr>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
    </tr>
</table>

并且这个表格可以根据窗口的宽度来调整它的宽度,一个单元格的内容可以分成三行:

<table border="1">
    <tr>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
    </tr>
</table>

我想将表格包含在 a<div>中,并将<div>'s设置overflowscroll,如果表格太大而无法显示,我可以滚动查看表格。那么如何让表格忽略窗口的大小,只根据它的内容调整它的大小呢?

4

1 回答 1

5

您可以white-space: nowrap;在表格单元格内容上使用。这将防止它们被分解。

这是一个 jsfiddle 示例,说明如何将其放入具有可滚动溢出的 div 中:

http://jsfiddle.net/VE4sU/17/

于 2013-03-12T08:56:13.337 回答