動態

詳情 返回 返回

flex佈局中flex-basis屬性 - 動態 詳情

該屬性的取值

  1. 數值、百分比
  2. auto
  3. 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
}
user avatar cyzf 頭像 alibabawenyujishu 頭像 guochenglong 頭像 kobe_fans_zxc 頭像 leexiaohui1997 頭像 qian5201314 頭像 yulong1992 頭像 taotao123 頭像 nihaoanihao 頭像 potato1314 頭像 haoqidewukong 頭像 prosuoqi 頭像
點贊 50 用戶, 點贊了這篇動態!
點贊

Add a new 評論

Some HTML is okay.