CSS中的Flex屬性是一種強大而靈活的布局方法，可以在容器內創建自適應的、可伸縮的區域，為實現響應式布局提供了很大的幫助。

.container {
display:flex; /*彈性布局*/
flex-direction: row; /*主軸方向為水平*/
justify-content: center; /*子元素在主軸方向上居中*/
align-items: center; /*子元素在交叉軸方向上居中*/
flex-wrap: wrap; /*允許子元素換行*/
}

Flex屬性的一個最重要的特點就是能夠自適應調整子元素的大小，讓它們自適應父容器大小的變化，從而達到響應式布局的效果。

下面是一些常見Flex屬性的解釋：

flex-direction: row/column; /*設置主軸方向為行或列*/
justify-content: center/flex-start/flex-end/space-between/space-around; /*設置子元素在主軸方向上的排列方式，居中、靠左、靠右、兩端對齊、環繞等等*/
align-items: center/flex-start/flex-end/baseline/stretch; /*設置子元素在交叉軸方向上的對齊方式，居中、頂部對齊、底部對齊、基線對齊、拉伸對齊等等*/
flex-wrap: wrap/nowrap; /*設置是否允許子元素在一行內換行*/
flex-grow: number; /*設置子元素在剩余空間內的分配比例，數值越大，分配的空間就越大*/
flex-shrink: number; /*設置子元素在空間不足時的縮放比例，數值越大，縮放的程度就越大*/
flex-basis: length/percent/auto; /*子元素在主軸方向上的基準值，可以是像素、百分比、自動等*/
flex: none/flex-grow flex-shrink flex-basis; /*綜合設置Flex，簡寫方式，其中none表示不伸縮*/

總之，Flex屬性能夠幫助我們快速構建自適應、靈活的布局，而且還有很多比較高級的用法，可以自己去學習哦！