HTML彈性盒子是現(xiàn)代網(wǎng)頁設(shè)計中一個重要的概念，他可以讓網(wǎng)頁的布局更加靈活、自適應(yīng)，適應(yīng)不同尺寸的屏幕。

下面是一個簡單的HTML彈性盒子案例代碼:

<div class="container">
<div class="box-1">Box 1</div>
<div class="box-2">Box 2</div>
<div class="box-3">Box 3</div>
</div>

這個案例代碼定義了一個container類的div元素，其中包含三個子元素box-1、box-2和box-3。通過設(shè)置container的display為flex，使container成為一個彈性容器。子元素通過在父容器的flex容器中，具有自適應(yīng)寬度和高度的能力。

在樣式中，我們通過flex-wrap: wrap來聲明當(dāng)子元素的寬度超出容器的寬度時，自動換行。通過justify-content: space-around屬性來實現(xiàn)子元素在容器中等距分布。通過align-items: center屬性將子元素垂直居中對齊。

在子元素的樣式中，我們定義了寬度為200px，高度為200px，通過flex屬性來設(shè)置子元素的伸縮比例，可以實現(xiàn)布局的動態(tài)伸縮。通過order屬性來定義子元素的顯示順序。

以上是一個簡單的HTML彈性盒子案例代碼，隨著彈性盒子的普及和完善，越來越多網(wǎng)站需要應(yīng)用彈性盒子來優(yōu)化網(wǎng)頁的布局和體驗。