html - 表格单元格在浏览器调整大小时调整大小

Question

我有这个:

table td
{
    width: 300px;
}

<table>
    <tr>
        <td>Text</td>
        <td>Text</td>
        <td>Text</td>
    </tr>
</table>

如果浏览器足够大，一切都很好。但是，如果我调整浏览器的大小并使它太小，我的单元格也会调整大小。如何让它们保持固定宽度？

在 jsFiddle 中:http://jsfiddle.net/y2wHn/

Answer 1

对您的 CSS 执行此操作:

table td
{
    min-width: 300px;
}

这指定了最小宽度，因此它永远不会小于 300px。

amosrivera 的建议也是一个很好的解决方法。