flex-shrink使用方法

父元素（红色）宽度是随时变化的，三个小卡片的宽度不能写死，因此使用flex布局。

.riskCard{
    flex-grow:1
    flex-shrink: 1;
    min-width: 0;
    }

flex-shrink是在父元素太小时，压缩子元素。此时必须设置min-width: 0;因为默认min-width时它所包裹文字的长度 flex-shrink时在父元素太大时，拉长子元素。

方法二： www.cnblogs.com/zzsdream/p/…

找到哪个元素被撑开了，例如上图中，是白色卡片被撑开了，因此把白色卡片的width设置为0