該屬性的取值
- 數值、百分比
- auto
- content
數值、百分比
指定數值、百分比,該元素的寬度為指定寬度
flex-basis: 200px;
flex-basis: 50%;
auto
指定auto,該元素的寬度為自身的width屬性寬度,如果沒有設置width,則為內容撐開的寬度
flex-basis: auto;
content
指定content,該元素的寬度為內容撐開的寬度,它和auto不一樣,auto會優先讀取width,如果沒有設置width屬性,元素的寬度才為內容撐開的寬度
flex-basis的優先級比width高
.flex-item {
width: 200px;
flex-basis: 300px;
// 元素的最終寬度會為300px
}
.flex-item {
width: 200px;
flex-basis: content;
// 元素的最終寬度會為內容撐開的寬度,而不是200px
}