HTML彈性布局是一種網頁布局方式，可以根據不同設備的屏幕尺寸自適應調整布局，提供更好的用戶體驗。在HTML中，我們可以通過設置元素的彈性屬性來實現彈性布局。

display: flex;

這是設置元素為彈性容器的基本語法。我們可以將一個容器設置為彈性容器，然后將內部元素作為彈性項來實現彈性布局。

.container {
display: flex;
}
.item {
flex: 1;
}

使用flex屬性可以設置彈性項的伸縮性，flex屬性有兩個參數：第一個參數控制伸縮比例，第二個參數控制基準尺寸。例如，上述代碼中的.flex: 1表示彈性項可以平均分配父容器的空間。如果有多個彈性項，空間將被平均劃分。

除了flex屬性，還有一些其他屬性可以用來控制彈性布局的行為。

.container {
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

flex-direction屬性可以設置彈性容器中彈性項的排列方向，可以是row、column、row-reverse、column-reverse等。justify-content屬性可以設置彈性項在彈性容器中的水平對齊方式，可以是flex-start、center、flex-end等。align-items屬性可以設置彈性項在彈性容器中的垂直對齊方式，可以是flex-start、center、flex-end等。flex-wrap屬性可以設置彈性項排列超出容器邊界時的換行方式，可以是nowrap、wrap、wrap-reverse。

通過設置這些屬性，我們可以靈活地控制彈性布局的效果，提供更加符合用戶需求的網頁體驗。