表 <colgroup> 最小-最大-宽度被忽略答案

【问题标题】：Table <colgroup> min-max-width ignored表 <colgroup> 最小-最大-宽度被忽略
【发布时间】：2014-05-29 19:00:22
【问题描述】：

对于第一列：

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

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

需要有 100-200px 范围内的 col 宽度。有什么解决方法吗？

【问题讨论】：

为什么要将内联样式与 CSS 结合起来？您应该将所有内联样式移到 CSS 中，否则从长远来看这将是一个痛苦的维护。
这只是对jsfiddle的快速模拟

标签： html css

【解决方案1】：

试图删除

table-layout:fixed;

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

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

【讨论】：

2020 年这行不通。见stackoverflow.com/a/61384205/5397695

【解决方案2】：

做这样的改变

<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 属性来定义所有单元格的最小宽度。此最小宽度表示浏览器将添加滚动条而不是调整页面上元素大小的点。

【讨论】：

试过了，但没有效果。如果删除“table-layout:fixed;”从表格样式 => 有效