HTML5的彈性盒子是一種用于頁面布局的強大工具。它將容器內(nèi)的元素排列成靈活的、自適應(yīng)的布局，可以適應(yīng)不同的屏幕尺寸和瀏覽器窗口大小。下面是一些HTML5彈性盒子的代碼示例：

/* 定義一個彈性盒子容器 */
.container {
display: flex;
flex-wrap: wrap; /* 當(dāng)容器寬度不足以容納所有元素時，自動折行 */
justify-content: space-between; /* 在容器內(nèi)部平均分配元素之間的空間 */
align-items: center; /* 在容器內(nèi)部垂直居中元素 */
}
/* 定義一個彈性盒子子元素 */
.item {
flex-basis: 150px; /* 定義元素的默認大小 */
flex-grow: 1; /* 元素可伸縮的比例 */
margin: 10px; /* 元素之間的間距 */
text-align: center; /* 居中顯示文字 */
background-color: #ccc; /* 元素的背景顏色 */
}

以上CSS代碼會創(chuàng)建一個具有自適應(yīng)布局的彈性盒子容器，其中包含多個彈性盒子子元素。這些元素會按照其默認大小和可伸縮比例自適應(yīng)地排列在容器內(nèi)，而且它們之間的間距和對齊方式也可以通過CSS來控制。使用彈性盒子布局可以輕松地創(chuàng)建響應(yīng)式設(shè)計和適應(yīng)性布局，使你的網(wǎng)站適合各種設(shè)備和屏幕尺寸。