表min-max-width被忽略

时间:2014-05-29 19:00:22

标签: html css

拥有此http://jsfiddle.net/ihtus/EcU4x/

第一栏:

min-width: 100px;
max-width: 200px;

但是如果最小化浏览器窗口,第一列宽度将小于100px。

需要使col宽度在100-200px范围内。 任何解决方法?

2 个答案:

答案 0 :(得分:6)

试图删除

table-layout:fixed;

来自表格样式,这似乎使col具有最小宽度......

http://jsfiddle.net/ihtus/mGgZ9/

答案 1 :(得分:0)

做这样的改变

<col style="min-width: 100px; max-width: 200px;">
<col style="min-width:75px;">
<col style="min-width:200px;">
<col style="min-width:auto;">
<col style="min-width:90px;">

设置min-width CSS属性以定义所有单元格的最小宽度。此最小宽度表示浏览器将添加滚动条而不是调整页面上元素大小的点。