這篇文章將要討論以下CSS屬性：

align-content
align-items
align-self
display
flex-direction
flex-wrap
justify-content

這些屬性都是跟“flexbox”相關(guān)的，它是一種CSS布局模式，旨在解決許多常見(jiàn)的布局問(wèn)題。

align-content：

用于調(diào)整行或列之間的間隔。可以使用值“flex-start”、“flex-end”、“center”、“space-between”、“space-around”和“stretch”。

align-items：

用于控制包含子項(xiàng)目的容器中的對(duì)齊方式。可以使用值“flex-start”、“flex-end”、“center”、“baseline”和“stretch”。

align-self：

用于控制一個(gè)特定項(xiàng)目的水平和/或垂直對(duì)齊方式。它使用與“align-items”相同的值。

display：

定義元素應(yīng)該如何顯示。對(duì)于flexbox，它應(yīng)該設(shè)置為“flex”。

flex-direction：

用于控制項(xiàng)目在flex容器中的排列方向。可以使用值“row”、“row-reverse”、“column”和“column-reverse”。

flex-wrap：

用于控制項(xiàng)目是否應(yīng)該換行。可以使用值“nowrap”、“wrap”和“wrap-reverse”。

justify-content：

用于控制子項(xiàng)目在flex容器中的水平對(duì)齊方式。可以使用值“flex-start”、“flex-end”、“center”、“space-between”和“space-around”。