Flex是一種優秀的CSS布局模型，它可以幫助我們快速靈活地排列元素，而在利用Flex進行布局的時候，我們需要掌握一些重要且實用的參數。這些參數非常的重要，可以滿足我們各種復雜布局的需求。

.flex-container {
/* 設置彈性容器使用flex布局模型 */
display: flex;
/* 設置主軸排列方式 */
flex-direction: row;
/* 設置主軸排列對齊方式 */
justify-content: center;
/* 設置側軸對齊方式 */
align-items: center;
/* 設置主軸排列彈性元素的換行方式 */
flex-wrap: wrap;
}

上述代碼中的參數分別是：

• display: flex;：將彈性容器設為flex布局模型
• flex-direction: row;：設置主軸的方向，這里是水平方向，也叫行排列
• justify-content: center;：設置主軸的對齊方式，這里是居中對齊
• align-items: center;：設置側軸的對齊方式，這里是居中對齊
• flex-wrap: wrap;：設置主軸排列彈性元素的換行方式，這里是自動換行

除了上述的參數，我們還可以設置其他的參數，比如：

• flex-basis:：設置彈性元素在主軸方向上的基準尺寸
• flex-grow:：設置彈性元素在主軸方向上的放大比例
• flex-shrink:：設置彈性元素在主軸方向上的縮小比例
• order:：設置彈性元素的顯示順序

在使用這些參數時，我們需要根據實際情況進行設置，以滿足我們的布局需求。同時，我們也要注意不要過度依賴Flex布局，因為有些場景可能更適合使用其他的布局模型。