1. 表格常规宽度

表格实际宽度
100px 100px 100px

整体宽度由 colgroup 计算得来。


2. 表格宽度 = 容器宽度,table的宽度不足容器宽度

全部固定宽度
100px(实际宽度:容器宽度 - 表格实际宽度 然后按照比例分配空间) 100px(实际拉伸到200px) 100px

自动瓜分剩余空间

全部固定宽度,最后一个不设置宽度
100px 100px 100px(吃掉所有宽度:实际宽度 - 表格宽度 400px)

可以通过,maxWidth 替换 width 解决


3. 表格宽度 = 容器宽度,table的宽度超出容器宽度

全部固定宽度, table-layout default
100px(都被缩减了) 100px 100px 400px

自动缩放到容器宽度

全部固定宽度,最后一个不设置宽度, table-layout default
100px 100px 500px 未设置

都被压缩,宽度由 table-layout 自动计算得来

全部固定宽度, table-layout fixed
100px 100px 100px 400px

不受容器限制,就是实际设置的大小

全部固定宽度,最后一个不设置宽度, table-layout fixed
100px 100px 500px 未设置

4. 实现水平滚动

全部固定宽度, table-layout fixed
100px 100px 100px 400px