CSS_圖解flex的容器位置

本文总阅读量次

容器之內的物件可並行接續排列，並且每個物件都有固定比例占據該容器

  • 外層容器的display屬性為flex
  • 在內層物件中，各自定義佔據的寬度或剩餘空間的分配比例

為了避免 ==外層容器空間不足== ，可以min-width輔助定義最小的寬度

定義排序方向為「上到下」

定義「自動換行」

調整容器位置的三種方式

  • justify-content 調整水平方向
  • align-items 調整垂直方向
  • align-self 調整內層的垂直方向