flexbox的子元素flex item的寬度，按照以下規則計算： content>width>flex-basis(limited by max/min-width)

flex-basis的缺省值為auto；

如果flex-basis的值為auto，那么flex item的寬度由width屬性決定；如果沒有設置width，flex item的寬度由它的內容決定；

如果flex-basis值在max-width和min-width之間，flex-basis決定寬度；

如果flex-basis大于max-width，則寬度為max-width；

如果flex-basis小于min-width，則寬度為min-width；

這里會出現過大內容的問題，如果flex item的內容寬度很寬，會使flex item的寬度也變大；（很多布局中都會出現超長字符或者超大內容撐大布局的問題）；

轉載于:https://www.cnblogs.com/Jamie1032797633/p/9456752.html

總結

以上是生活随笔為你收集整理的flex item的width VS flex-basis的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。