如果你是Web開發領域的小白，阮一峰的博客相信不會陌生。在全球范圍內，阮一峰的博客都是大家推薦給新手學習的最佳網站之一。在他的博客中，CSS布局也是一個經常被提及的話題。下面，我們來看一下阮一峰對于CSS布局所做的總結。

.container {
display:flex;
flex-direction: row;
justify-content: space-between;
}

阮一峰提到了當下使用最廣泛的CSS布局方式：Flex 布局。Flex布局可以實現水平垂直居中、固定頂底欄等常見的布局方式，而針對Flex布局中常用的幾個屬性進行簡單闡述如下：

• display: flex;（將 container 容器定義為 flex 布局）
• flex-direction: row/column;（定義主軸方向或交叉軸方向，即橫向或豎向）
• justify-content: center/flex-start/flex-end/space-around/space-between;（定義主軸方向上的對齊方式）
• align-items: center/flex-start/flex-end/baseline/stretch;（定義交叉軸方向上的對齊方式）
• flex-wrap: wrap/nowrap;（定義是否換行）

總結一下，CSS布局常常存在于我們的前端開發中，熟練使用Flex布局，可實現我們常見的布局需求，而以上的屬性是Flex布局中較為常見的幾個屬性，學好這些，開發時也會更加得心應手哦~