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

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

這些屬性都是跟“flexbox”相關的，它是一種CSS布局模式，旨在解決許多常見的布局問題。

align-content：

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

align-items：

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

align-self：

用于控制一個特定項目的水平和/或垂直對齊方式。它使用與“align-items”相同的值。

display：

定義元素應該如何顯示。對于flexbox，它應該設置為“flex”。

flex-direction：

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

flex-wrap：

用于控制項目是否應該換行。可以使用值“nowrap”、“wrap”和“wrap-reverse”。

justify-content：

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