CSS彈性模型是一種網頁布局方式，基于彈性盒子模型（Flexbox）。彈性模型能夠使網頁布局更加靈活，適應不同屏幕大小的設備，并且可以輕松地實現多列布局、居中、對齊等功能。

在CSS中，我們可以通過display屬性來設置一個元素的彈性模型。當設置為flex時，該元素就成為一個彈性容器。在彈性容器內部，我們又可以通過各種屬性來控制彈性元素（flex items）的行為和布局。

.flex-container {
display: flex;
}
.flex-item {
flex: 1;
margin: 10px;
}

上面的代碼片段演示了如何創建一個簡單的彈性容器，容器內有多個彈性元素。其中，flex屬性可以控制彈性元素的伸縮比例。在這個例子中，我們將所有flex items的flex屬性都設置為1，也就是平均分割彈性空間。另外，我們也為每個元素添加了一些邊距（margin），方便進行間距控制。

彈性盒子模型的另一個重要的屬性是justify-content，它可以用來控制彈性元素在主軸方向上的對齊方式。常見的取值包括：

• flex-start：靠左對齊（主軸方向）
• center：居中對齊
• flex-end：靠右對齊
• space-between：兩端對齊，元素之間間隔相等
• space-around：每個元素周圍都留有一定間隔，間隔相等

.flex-container {
display: flex;
justify-content: space-between;
}

上面的代碼片段演示了如何設置彈性容器的對齊方式。我們將justify-content屬性設置為space-between，這樣就能讓彈性元素在容器內均勻分布且兩端貼邊。

彈性模型還有多個其他的屬性，例如align-items、flex-wrap、order等，不同的組合可以實現不同的布局效果。

總的來說，彈性模型是一種非常實用的網頁布局方式，它能夠使布局更加靈活，適應不同的設備和瀏覽器，并且能夠輕松實現各種常見的布局效果。