CSS3 彈性盒（Flexbox）是一種新的布局模式，它可以讓我們更加簡單地創建可響應式和靈活的布局。使用彈性盒模型可以輕松地對元素進行對齊、分布和重新排列。

彈性盒模型中有兩個基本概念：

1. 容器（Container）：包含要布局的元素的外部容器。在彈性盒模型中，容器是使用 display: flex; 屬性設置的。
2. 項目（Items）：容器內的所有要布局的元素。

以下是一個基本的 CSS 彈性盒模型應用：

.container {
display: flex;
justify-content: center;
align-items: center;
}
.item {
flex: 1;
}

在這個例子中，我們首先定義了一個容器，設置它的 display 屬性為 flex。然后，我們通過 justify-content 和 align-items 屬性對容器內的項目進行垂直居中和水平居中。最后，我們設置每個項目的 flex 屬性為 1，這意味著它們將平均地分配可用空間。

彈性盒模型中的一些重要屬性：

• flex-grow：如果容器內有空余空間，則會對項目進行增長。默認值為 0。
• flex-shrink：如果容器內的空間不足，則可以對項目進行收縮。默認值為 1。
• flex-basis：定義項目在主軸方向上的基準大小。
• flex-wrap：定義項目是否應該換行。默認值為 no-wrap。
• justify-content：定義項目在主軸上的對齊方式。
• align-items：定義項目在側軸上的對齊方式。

總之，CSS3 彈性盒模型是一種非常強大而靈活的布局技術，它可以輕松地創建響應式布局、流體布局和復雜多層布局。彈性盒模型可以幫助開發人員更加輕松地設計網站，并增強網站的互動性和用戶體驗。