CSS3彈性布局是一種全新的網頁布局方式，旨在解決傳統布局方式在不同設備或屏幕大小下的兼容性問題。相比于傳統方式布局，CSS3彈性布局更加靈活和自適應，能夠實現在任何設備上保持良好的顯示效果。

彈性布局最大的特點就是彈性，它會根據設備的寬度和高度自動適應，而不需要使用者手動去調整。這樣，在不同尺寸的設備上，頁面組成元素都能以最佳的方式進行布局。

.container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.item {
flex: 1;
min-width: 200px;
margin: 10px;
}

以上是 CSS3 彈性布局常用的代碼，其中 container 是容器元素，item 是子元素。display 可以設置為 flex，這意味著 container 元素下的子元素都是 flex item 元素。有了這個CSS 屬性，我們就可以通過控制子元素的寬度、高度和空白間隙來實現不同設備的自適應布局，flex-wrap 可以控制換行，justify-content 和 align-items 則分別用來控制水平排列方式和垂直排列方式。

總之，CSS3 彈性布局是一種非常優秀的網頁布局模式，它極大地提高了網頁在不同設備或尺寸上的顯示效果，讓用戶在不同場景下都能夠順暢使用。