CSS彈性布局是一種靈活的布局方式，可以為網頁設計師和開發人員提供更多的跨平臺布局解決方案。下面簡單介紹一下CSS彈性布局的設置方法。

.container {
display: flex; /* 設置彈性容器 */
flex-direction: row; /* 設置主軸方向為水平 */
justify-content: center; /* 設置主軸對齊方式為居中 */
align-items: center; /* 設置交叉軸對齊方式為居中 */
}
.box {
flex-basis: 20%; /* 設置基礎寬度 */
flex-grow: 1; /* 設置寬度的增長比例為1 */
flex-shrink: 1; /* 設置寬度的縮小比例為1 */
}

上述代碼中，我們定義了一個彈性容器，并將主軸方向設置為水平方向。其中，justify-content屬性用于設置主軸對齊方式，align-items屬性用于設置交叉軸對齊方式。

接下來，我們定義每個子元素的基礎寬度，并設置寬度的增長和縮小比例。這樣，當容器尺寸發生變化時，子元素的寬度也會跟著變化，以保持整體布局的平衡性。

需要注意的是，不同瀏覽器對CSS彈性布局的支持程度可能不同，因此在應用該布局方案時需要考慮兼容性問題。