CSS彈性盒子是一種現代布局技術，它可以使頁面布局更具彈性和適應性。相比傳統的布局方式，彈性盒子可以更靈活地控制元素在容器內的位置和大小。下面我們將介紹如何使用CSS設置彈性盒子。

首先，我們需要將容器設置為彈性盒子。我們可以通過設置容器的display屬性為“flex”，來創建一個彈性盒子。例如：

.container {
display: flex;
}

接下來，我們可以設置彈性盒子的方向、對齊方式、換行方式等屬性。比如，我們可以使用flex-direction屬性來設置彈性盒子的主軸方向，可以是水平方向（row）或垂直方向（column）：

.container {
display: flex;
flex-direction: row;  /*水平方向*/
}

我們還可以使用justify-content屬性來控制沿主軸方向的元素對齊方式，可以是左對齊、居中對齊或右對齊等。例如：

.container {
display: flex;
flex-direction: row;  /*水平方向*/
justify-content: center;  /*居中對齊*/
}

另外，我們還可以使用align-items屬性來控制沿交叉軸方向的元素對齊方式，可以是頂部對齊、居中對齊或底部對齊等。例如：

.container {
display: flex;
flex-direction: row;  /*水平方向*/
justify-content: center;  /*居中對齊*/
align-items: center;  /*居中對齊*/
}

此外，我們還可以使用flex-wrap屬性來控制當元素內容超出容器時，是否允許換行。可以指定nowrap（不允許換行）或wrap（允許換行）。例如：

.container {
display: flex;
flex-direction: row;  /*水平方向*/
justify-content: center;  /*居中對齊*/
align-items: center;  /*居中對齊*/
flex-wrap: wrap;  /*允許換行*/
}

總之，使用CSS設置彈性盒子可以為網頁布局帶來更大的靈活性和適應性。使用上述屬性進行設置可以輕松地實現各種布局需求。