最近寫企業家用到許多彈性，感覺到彈性的重要性，今天給大家總結一下
彈性布局（Flexbox）是一種在 CSS 中用來實現靈活的布局方式，它能夠方便地調整容器中子元素的尺寸、順序和對齊方式。以下是一些常見的彈性布局屬性及其效果：
-
display: flex;
- 這是定義容器采用彈性布局的基礎屬性。
- 容器內的子元素會自動成為彈性項目。
-
flex-direction: row | row-reverse | column | column-reverse;
- 定義彈性容器中彈性項目的排列方向。
row: 水平方向從左到右排列（默認值）。row-reverse: 水平方向從右到左排列。column: 垂直方向從上到下排列。column-reverse: 垂直方向從下到上排列。
-
justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly;
- 定義彈性項目在主軸上的對齊方式。
flex-start: 從主軸起點對齊（默認值）。flex-end: 從主軸終點對齊。center: 在主軸上居中對齊。space-between: 在彈性項目之間均勻分布空白間距。space-around: 在彈性項目周圍均勻分布空白間距。space-evenly: 在彈性項目周圍和之間均勻分布空白間距。
-
align-items: flex-start | flex-end | center | baseline | stretch;
- 定義彈性項目在交叉軸上的對齊方式。
flex-start: 從交叉軸起點對齊。flex-end: 從交叉軸終點對齊。center: 在交叉軸上居中對齊。baseline: 按照第一行文字的基線對齊。stretch: 默認值，彈性項目被拉伸以適應容器的大小。
-
flex-grow: number;
- 定義彈性項目的放大比例，默認為 0，不放大。
- 數值越大，相對于其他彈性項目，該項目在剩余空間中所占比例越大。
-
flex-shrink: number;
- 定義彈性項目的縮小比例，默認為 1，即可以縮小。
- 數值越大，相對于其他彈性項目，該項目在空間不足時所縮小的程度越大。
-
flex-basis: length | auto;
- 定義彈性項目在分配多余空間之前的初始尺寸。
- 默認值為?
auto，根據項目內容自動分配大小。
這些是 Flexbox 中一些常見的屬性，它們可以靈活地控制彈性容器和其中的彈性項目的布局和排列方式，從而實現各種各樣的布局效果。
我是小輝，請大家多多關照
)
