element width 固定值在由 flex 包裹的 wrapper 内会受到这个 wrapper 的宽度限制。
flex-grow 是在 element 比 wrapper 小的时候起作用,flex-shrink 则是在比它大的时候起作用。
为了让 element 正常的缩小,可使用
min-width: 0px
来去除其缩小约束避免溢出。
可以适当的使用
m-auto
安排两侧元素的位置。
ref: