Please enable JavaScript.

Coggle requires JavaScript to display documents.

响应式 Web 开发 (img自适应 (max-width: 100%; //实现自适应 display:block; //让 image…

- - - - row ||行
      - column ||列
    - - flex-start / flex-end
      - center
      - space-between /space-around
    - - flex-start / flex-end
      - center
      - stretch /拉伸项目
      - baseline
    - - wrap 自动换行
      - nowrap (默认) 不换行
      - wrap-reverse
  - - - 1 //默认值可收缩
        0 //不可收缩
    - - flex-grow: 0; //默认值不可拉伸
      - flex-grow: 1; // 可拉伸
    - - flex-basis属性指定了项目在 CSS 进行flex-shrink或flex-grow调整前的初始大小。
    - - demo：
        flex: flex-grow,flex-shrink,flex-basis;
    - - 允许你调整每个项目自己的对齐方式
        
        flex-start / flex-end
        center
        stretch
        baseline