CSS彈性滑動（CSS Flexbox）是一種基于CSS3的新布局模式，旨在為現代Web應用程序提供更加靈活和響應式的布局。CSS彈性盒子模型（Flexible Box Model）是一種自適應的布局模式，可以自由地控制元素在父容器內部的位置、尺寸和間距，從而實現更好的布局效果。

.container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
}

其中，display: flex;設置容器為彈性盒子模型，flex-direction: row;設置主軸為水平方向，flex-wrap: nowrap;設置元素不換行，justify-content: space-between;設置元素在主軸上的對齊方式為兩端對齊，align-items: center;設置元素在交叉軸上的對齊方式為居中對齊。

使用CSS彈性盒子模型可以輕松實現響應式布局，適應不同設備的屏幕大小和分辨率。可以通過調整屬性值來實現不同的布局效果，例如實現垂直居中、自適應寬度等。

總之，CSS彈性盒子模型是一種非常實用的布局工具，可以為開發者帶來更加靈活和高效的布局方式，幫助開發響應式設計的應用程序。