CSS彈性盒子布局是一種非常流行的布局方式，可以實現強大的自適應效果，非常適合用于響應式布局和移動端開發。

.container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.box {
width: 100px;
height: 100px;
background-color: #333;
margin: 10px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}

上面的代碼演示了一個簡單的彈性盒子布局實例，在一個容器內創建了多個盒子，并使用了flex屬性，實現了靈活的自適應效果。其中，display屬性設置為flex，表示容器使用彈性布局，justify-content屬性設置為center，表示水平中心對齊，align-items屬性設置為center， 則表示垂直居中對齊。而flex-wrap屬性則表示當子元素超出容器大小時如何處理，wrap表示換行，noswap表示不換行。

在實際開發中，彈性盒子布局可以方便地完成各種各樣的布局需求。例如：水平居中、垂直居中、等分布局、流式布局、自適應布局等等。

.container {
display: flex;
justify-content: center;
align-items: center;
}
.box {
width: 50px;
height: 50px;
background-color: #333;
margin: 10px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}

上面的代碼創建了一個水平居中的盒子，并使其內部的元素也水平和垂直居中，給人一種整潔的感覺，也很適合用于創建導航菜單等元素。

綜上所述，彈性盒子布局是一種非常實用的CSS布局方式，可以簡單靈活地完成各種各樣的需求。學習好使用彈性盒子布局，可以讓我們更好地掌握CSS布局技巧，提升頁面設計的效果。