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

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的建议也是一个很好的方法。

Answer 2

在表格上设置固定宽度：

table {
    width: 900px;
}

Answer 3

设置整个表的宽度而不是td

table{width:900px;}
table td
    {    border:1px solid black;

    }

http://jsfiddle.net/y2wHn/6/

Answer 4

您还必须将表格设置为指定的宽度，否则它将根据浏览器窗口大小调整大小。

更新的代码：

table { width: 900px; }
table td
    {
        width: 300px;
        background-color: #432152;
    }

Answer 5

如果你添加当前的css规则怎么样：

table {
  width: 900px;
}

固定表格宽度没有？