CSS中的彈性布局是一種靈活的布局方式，可以適應不同屏幕尺寸和設備類型。下面我們將介紹如何使用CSS打開彈性布局。

/*開啟彈性布局*/
.container {
display: flex;
}
/*設置flex項目的伸縮性*/
.item {
flex: 1; /*flex-grow、flex-shrink和flex-basis的簡寫*/
}
/*設置主軸和側軸方向*/
.container {
flex-direction: row; /*主軸方向*/
justify-content: center; /*主軸對齊方式*/
align-items: center; /*側軸對齊方式*/
}
/*設置flex元素的排序*/
.item {
order: 2;
}

在以上代碼中，.container表示要使用彈性布局的容器，.item表示容器里的彈性項。可以看到，我們首先通過display: flex;來開啟彈性布局，然后設置flex屬性來控制彈性元素的伸縮性。接著，我們通過flex-direction、justify-content和align-items來設置主軸和側軸方向以及對齊方式。最后，我們使用order屬性來調整彈性項的順序。

總的來說，CSS中的彈性布局可以大大簡化頁面布局，提高頁面響應能力和可讀性。通過以上介紹，您現在已經知道如何使用CSS打開彈性布局，趕快去嘗試吧！