如何在100％宽度表中保持TD宽度？

Question

我有一个100％宽度的表，适合整个html正文。 每个<td>具有固定宽度，总和超过主体宽度。

HTML：

<table>
        <tr>
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>test</td>

etc... etc...

            <td>test</td>
            <td>test</td>
            <td>last one in the line</td>
        </tr>
    </table>

简单的CSS演示：

table td {
    width: 100px;
    border: solid 1px black;
    white-space: nowrap;
}

这是一个JSFiddle示例。

问题在于，表格减少了<td>的宽度以适合文档，而不是使主体溢出并显示水平滚动条。

如何设置宽度并显示滚动条？

Answer 1

改用min-width强制单元格始终保持宽度。

table td {
    min-width: 100px;
    border: solid 1px black;
    white-space: nowrap;
}

演示： http : //jsfiddle.net/H55Se/3/

Answer 2

使用使用最小宽度，如下

table td {min-width: 100px; border: solid 1px black;white-space: nowrap;}