CSS中的display屬性確定了元素應該如何顯示，其中之一是flox。flox值能夠使得元素作為彈性容器來顯示其子元素。

display: flex;

使用flex屬性，我們可以控制子元素的順序，大小和間距，從而實現定制化的布局。以下是一些應用于彈性容器的屬性：

flex-direction: row | row-reverse | column | column-reverse;
flex-wrap: nowrap | wrap | wrap-reverse;
flex-flow: <flex-direction> || <flex-wrap>;
justify-content: flex-start | flex-end | center | space-between | space-around;
align-items: flex-start | flex-end | center | stretch | baseline;
align-content: flex-start | flex-end | center | space-between | space-around | stretch;

彈性布局能夠適應各種屏幕尺寸和設備類型，并且能夠通過media queries來進行響應式設計。彈性布局也能幫助我們設計出頁面中適當的空白和內邊距。