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;

}

Here is an example 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

使用min-width，如下所示

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

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

2 个答案: