CSS重點彈性布局圖，就是Flexbox。它被廣泛應用于現代網頁設計中，使頁面布局更加靈活、易于控制。下面我們來看一下Flexbox的使用方法和相關屬性。

/* 父元素設置 */
.container {
display: flex; /* 使容器成為彈性容器 */
flex-direction: row; /* 設置主軸方向為橫向（row） */
justify-content: center; /* 設置主軸上子元素間間距相等 */
align-items: center; /* 設置側軸上子元素垂直居中 */
flex-wrap: wrap; /* 設置主軸空間不足時自動換行 */
}
/* 子元素設置 */
.item {
flex-grow: 1; /* 子元素等比例放大 */
flex-shrink: 1; /* 子元素等比例縮小 */
flex-basis: 20%; /* 設置子元素基準寬度 */
align-self: center; /* 設置子元素在側軸上居中對齊 */
}

上面是常見的Flexbox使用方法和設置。其中，父元素設置了彈性容器、主軸方向、對齊方式和自動換行等屬性。子元素則設置等比例放大縮小、基準寬度和居中對齊等屬性。

此外，Flexbox還有其他一些屬性可供設置，比如說設置子元素排序、設置字母間間距等等。這些屬性可以根據實際需求及頁面布局來進行靈活配置。

總之，Flexbox是一項強大的CSS布局工具，可在現代網頁設計中發揮重要作用。掌握其使用方法和相關屬性，將能使網頁設計更加靈活、實用。