Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 浏览器调整大小时调整表格单元格的大小_Html_Css - Fatal编程技术网

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

Html 浏览器调整大小时调整表格单元格的大小,html,css,Html,Css,我有这个: 表td { 宽度:300px; } 正文 正文 正文 如果浏览器足够大,一切都很好。但是,如果我调整浏览器的大小并使其太小,我的单元格就会调整大小。如何使它们保持固定宽度 这是在JSFIDLE中:对CSS执行以下操作: table td { min-width: 300px; } 这指定了最小宽度,因此它永远不能小于300px amosrivera的建议也是一个很好的解决方法。对CSS执行以下操作: table td { min-width: 300px; }

我有这个:

表td
{
宽度:300px;
}

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

这是在JSFIDLE中:

对CSS执行以下操作:

table td
{
    min-width: 300px;
}
这指定了最小宽度,因此它永远不能小于300px

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

对CSS执行以下操作:

table td
{
    min-width: 300px;
}
这指定了最小宽度,因此它永远不能小于300px


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

在桌子上设置一个固定的宽度:

table {
    width: 900px;
}

在桌子上设置固定宽度:

table {
    width: 900px;
}

设置整个桌子的宽度不是td

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

    }

设置整个桌子的宽度而不是td

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

    }

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

更新代码:

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

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

更新代码:

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

如果您添加了当前的css规则,该怎么办

table {
  width: 900px;
}

固定表格宽度否?

如果您添加当前css规则,该怎么办:

table {
  width: 900px;
}

固定桌宽否?

呵呵,他似乎同时回答了4个ppl…)呵呵,好像4个人同时回答了……:)