表格<colgroup>的最小-最大宽度被忽略。

Question

有这个http://jsfiddle.net/ihtus/EcU4x/

对于第一列：

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

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

需要将列宽设置在100-200像素的范围内。 有没有解决办法？

- ihtus

---

为什么要将内联样式与CSS结合使用？你应该将所有的内联样式移动到CSS中，否则长期维护会很麻烦。 - James Donnelly

这只是在 jsfiddle 上的快速模拟。 - ihtus

Answer 1

尝试移除

table-layout:fixed;

从表格样式上看，似乎使列具有最小宽度...

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

- ihtus

---

在2020年这个方法已经不再适用。请参考https://dev59.com/2HA65IYBdhLWcg3wvhTi#61384205。 - White_Rabbit

Answer 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属性以定义所有单元格的最小宽度。此min-width代表浏览器在调整页面元素大小而非添加滚动条的点。

- Tanul

---

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