表格的宽度计算之疑问二

描述
简单来讲就是,利用浏览器开发者工具对表格中某一列修改宽度大小,最后整个表格的宽度的表现实在令人费解。

代码
https://jsfiddle.net/ns8m3gxy...

图片展示
图片描述

疑问
对第一行第二列的表格"#r1c2"元素修改宽度时(比如设置10、20、100、200、300...),整个表和各列的宽度表现很奇特,无论怎么修改"#r1c2"元素的宽度,整个表最终会有一个最小宽度和最大宽度,最大宽度应该是包含块的宽度,最小宽度是如何而来的呢??当然您可能说是内容的宽度,可是关于表格宽度的这些计算很让人不解不解。。。一团浆糊,不明白。。。












-----------扩展 ---------
之前也提了个表格相关的问题 表格的宽度计算是怎么进行的?

阅读 3k
1 个回答

我觉得这里并没有什么问题。
最小宽度是由你的td宽度和决定的,最大宽度这里因为table元素未指定宽度,所以按照父元素宽度来,达到最大宽度时,类比flex布局中宽度超出情况,对所有的td进行等比例缩小宽度。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题