CSS彈性框模型是一種實現響應式布局的技術，可以自適應屏幕大小，適配不同設備和分辨率。它主要由三個部分組成：容器、項目和彈性軸。容器是設置彈性布局的元素，項目則是容器中的子元素，彈性軸則是由主軸和交叉軸組成。主軸是項目排列的方向，交叉軸則是垂直于主軸的方向。

.container {
display: flex; /* 開啟彈性布局 */
flex-direction: row; /* 設置主軸方向為橫向 */
justify-content: center; /* 設置項目在主軸上的對齊方式為居中 */
align-items: center; /* 設置項目在交叉軸上的對齊方式為居中 */
}
.item {
flex: 1; /* 設置項目的伸縮比例，如果不設定則默認為0 */
margin: 10px; /* 設置項目之間的間距 */
text-align: center; /* 設置文字居中 */
}

通過以上的代碼，我們可以很方便地實現一組水平居中且等寬的元素。如果需要在垂直方向上居中，只需要把容器的主軸方向改為縱向并把對齊方式改為居中即可。使用彈性框模型可以更加方便地進行布局，減少了一些繁瑣的計算和調整，代碼也更加簡潔易懂。