`flex-basis`屬性定義了在分配多余空間之前，項目占據的主軸空間（main size）。瀏覽器根據這個屬性，計算主軸是否有多余空間。它的默認值為`auto`，即項目的本來大小。 ~~~css .item { flex-basis: <length> | auto; /* default auto */ } ~~~ 它可以設為跟`width`或`height`屬性一樣的值（比如350px），則項目將占據固定空間。 ~~~html <div class="box"> <div class="box-item">1</div></div> <div class="box-item">2</div> <div class="box-item">3</div> <div class="box-item">4</div> <div class="box-item">5</div> </div> ~~~ ~~~css .box { display: flex; background-color: white; } .box-item { width: 200px; height: 200px; line-height: 200px; vertical-align: middle; margin: 5px; background-color: #ffd200; font-size: 100px; color: white; text-align: center; } .box-item div { font-size: 14px; position: relative; top: -150px; } .box-item { flex-basis: 400px; } ~~~