问题:当内部子元素使用 Table 组件的时候,如果外部的父元素没有固定的宽度,而是设置的 flex:1; 此种类型的时候,Table 组件的宽度会溢出,scroll 属性失效,不会收缩形成滚动条
解决: 需要设置 Table 父组件的宽度为固定宽度,或者设置为 flex:auto;
flex 设置成 1 和auto 的区别
flex 是 flex-grow , flex-shrink , flex-basis 的缩写 flex-grow : 设置弹性盒子的扩展比例 flex-shrink : 设置弹性盒子的收缩比例 flex-basis : 设置弹性盒子的伸缩基准值 flex 三个属性的默认值是 0 1 auto;
当 flex 取值为 none 的时候: 计算的值是 0 0 auto; 当 flex 取值为 auto 的时候: 计算的值是 1 1 auto; 当 flex 取值为 1 的时候: 计算的值是 1 1 0%;