我想有一个表，在列中可以拉伸，但我有一个小的麻烦最小和最大宽度在CSS。
它似乎也有一些冲突的答案围绕这个工作原理：
>最小/最大宽度应该工作：Prevent text from overlap table td width
>最小/最大宽度不受支持：Min-width and max-height for table attributes
我想有以下
table{
width:100%;
}
.a,.b,.c
{
background-color: red;
}
.a
{
min-width: 10px;
max-width: 20px;
}
.b
{
min-width: 40px;
max-width: 45px;
}
.c
{
}
<table>
<tr>
<td class="a">A</td>
<td class="b">B</td>
<td class="c">C</td>
</tr>
</table>
有没有办法实现这个没有javascript(即约束拉伸列的表)？
>我只需要这个工作与CSS3 HTML5
> a jsfiddle with stuff not expanding：http://jsfiddle.net/4b3RZ/10/
>如果我只设置最小宽度的列我得到一个比例拉伸：http://jsfiddle.net/4b3RZ/8/
解决方法
表的工作方式不同;有时是直觉的。
解决方案是使用表格单元格上的width，而不是max-width。
虽然在这种情况下可能听起来像细胞不会收缩低于给定的宽度，他们实际上。
对c没有限制，如果给表宽度为70px，a，b和c的宽度将分别为16,42和12像素。
表格宽度为400像素，它们的行为就像你在上面的网格中所期望的那样。
只有当你试图给表太小(小于a.min b.min的C的内容)将失败：那么表本身将比指定的宽。
我做了一个new fiddle，其中我删除所有的边框和paddings和边框间距，所以你可以更准确地测量宽度。
