flex: 1; 的具體含義 - daniel-qa/Vue GitHub Wiki

flex: 1; 的具體含義

等價於:

flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex-grow: 1

該元素會占用父容器中所有剩餘空間的 1 倍份額(和其他元素的 flex-grow 比例比較)。

flex-shrink: 1

如果父容器空間不足,該元素會按比例縮小。

flex-basis: 0

該元素的初始主軸尺寸為 0,剩餘空間完全由 flex-grow 決定。