描述
简单来讲就是,利用浏览器开发者工具对表格中某一列修改宽度大小,最后整个表格的宽度的表现实在令人费解。
代码
https://jsfiddle.net/ns8m3gxy...
图片展示
疑问
对第一行第二列的表格"#r1c2"元素修改宽度时(比如设置10、20、100、200、300...),整个表和各列的宽度表现很奇特,无论怎么修改"#r1c2"元素的宽度,整个表最终会有一个最小宽度和最大宽度,最大宽度应该是包含块的宽度,最小宽度是如何而来的呢??当然您可能说是内容的宽度,可是关于表格宽度的这些计算很让人不解不解。。。一团浆糊,不明白。。。
-----------扩展 ---------
之前也提了个表格相关的问题 表格的宽度计算是怎么进行的?
我觉得这里并没有什么问题。
最小宽度是由你的td宽度和决定的,最大宽度这里因为table元素未指定宽度,所以按照父元素宽度来,达到最大宽度时,类比flex布局中宽度超出情况,对所有的td进行等比例缩小宽度。