弹性布局flex的常见用法

143 阅读1分钟
  1. flex-direction 设置主轴的方向
  2. justify-content 设置主轴上的子元素的排列方式
  3. flex-wrap 设置子元素是否换行
  4. align-content 设置侧轴上的子元素的排列方式(适用多行)
  5. align-items 设置侧轴上的子元素的排列方式(适用于单行)
  6. flex-flow 符合属性 相当于同时设置了flex-direction 和 flex-wrap