CSS3彈性盒子是一種流式布局模型，它能夠使得元素在容器中的位置和大小自適應，減少了對傳統布局方式的依賴，提高了網頁布局的靈活性和適應性。

.container {
display: flex; /* 將容器設置為彈性盒子 */
justify-content: center; /* 將彈性盒子中的元素沿容器主軸居中 */
align-items: center; /* 將彈性盒子中的元素沿容器縱軸居中 */
}
.item {
flex: 1; /* 元素自動拉伸填滿剩余空間 */
width: 100px; /* 元素最小寬度 */
height: 100px; /* 元素最小高度 */
margin: 10px; /* 元素之間的間隔 */
background-color: #f1c40f; /* 元素的背景顏色 */
}

在上面的代碼中，首先需要將容器設置為彈性盒子，使用display: flex;實現；接著，使用justify-content屬性將彈性盒子中的元素沿容器主軸居中，使用align-items屬性將彈性盒子中的元素沿容器縱軸居中。

對于每個元素，使用flex屬性來讓元素自動拉伸填滿剩余空間，width和height屬性來設置元素的最小寬度和最小高度，margin屬性來設置元素之間的間隔，background-color屬性來設置元素的背景顏色。

使用CSS3彈性盒子可以輕松實現復雜的網頁布局效果，進一步提高網頁設計和開發效率。在實際應用中，可以根據實際需要靈活使用彈性盒子的屬性和特性，實現更加豐富和精細的布局效果。