`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; } ~~~