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