彈性布局（Flexbox）是一種響應式的網頁布局方式，可以適應不同的設備屏幕大小，實現靈活、高效的頁面排版。CSS3 彈性盒模型（CSS Flexible Box Layout）的出現，為頁面布局手段提供了新的選擇。在實際開發中，我們可以通過設置容器元素的 display 屬性為 flex 或 inline-flex，實現彈性布局的效果。

彈性布局可以使元素在容器內自由調整、自適應，并且不會改變元素本身的原有大小。彈性布局具有以下特點：

.flex-container {
display: flex; /*設置容器為彈性布局*/
flex-direction: row; /*元素排列方向為水平*/
justify-content: center; /*元素水平居中*/
align-items: center; /*元素垂直居中*/
}

1. 彈性容器具有伸縮性。

彈性容器可以根據元素內容的大小自動調整空間分配，即使元素內容大小不同，元素仍然可以相對均勻地布局。

2. 元素對齊方式靈活多樣。

彈性容器可以設置 justify-content 和 align-items 屬性，用于控制元素在主軸和交叉軸方向上的對齊方式。例如，我們可以使用 justify-content: center 和 align-items: center 將元素水平垂直居中。

3. 彈性容器具有包裹性。

彈性容器可以使用 flex-wrap 屬性，將元素進行多行或單行排列。如果元素寬度累加大于容器寬度，彈性容器可以自動進行換行排列。

4. 元素具有自動調整大小的能力。

彈性容器可以使用 flex 屬性，為每個元素設置占比比例。當彈性容器寬度改變時，元素寬度也會自動調整，以保持各元素在彈性容器中的占比比例不變。

總之，彈性布局可以幫助我們實現頁面快速響應，適配不同屏幕大小，讓頁面排版更為靈活、高效、美觀。它是現代網頁開發中不可或缺的一種布局方式。