CSS彈性布局是一種能夠實現自適應多設備適配的布局方案，簡稱FlexBox布局。

FlexBox布局提供了一組靈活的CSS屬性，讓我們能夠更加便捷地控制元素在容器中的位置、尺寸、空間分配以及對齊方式。

使用FlexBox布局需要在容器上應用display:flex;屬性，將容器轉換為彈性容器，然后在彈性容器的子元素上應用flex屬性，以控制它們的尺寸和對齊方式。

.box {
display: flex; /* 將box轉換為彈性容器 */
flex-direction: row; /* 設置子元素排列方向，水平方向 */
justify-content: center; /* 沿主軸居中對齊 */
align-items: center; /* 沿側軸居中對齊 */
}
.box-item {
flex: 1; /* 將子元素的寬度根據空間平分 */
}

以上代碼演示了如何將一個帶有多個子元素的容器實現水平居中、垂直居中，并且讓子元素的寬度根據剩余空間平分的效果。

FlexBox布局可用于響應式布局、導航欄、列表、排版、網格等布局場景，它的重點在于彈性元素的尺寸和對齊，非常適合實現對齊和分布的功能。