移动web第四天

1.flex

flex-direction: column;

改变主轴方向:此时此刻,主轴垂直向下,侧轴水平向右

align-items: center    

设置测轴水平居中 aic

justify-content: space-evenly;

设置主轴方向平均分配空白间隙

flex-wrap: wrap;

让弹性盒子换行显示 

align-content: space-evenly;

设置多行对齐方式,属性的取值与jc属性值一样

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 更改主轴方向 主轴默认是水平方向, 侧轴默认是垂直方向通过flex-direction属性可以修改主轴方向 注意:...
    星辉晴朗阅读 1,592评论 0 1
  • flex布局 1.主轴方向:改变主轴方向为垂直方向fd 把主轴方向变成了垂直方向,还是用jc控制主轴方向的对齐方式...
    轩_601f阅读 548评论 0 0
  • 1、改变主轴方向为垂直方向:flex-direction 用法: flex-direction: column;把...
    前端wenyq阅读 1,280评论 0 0
  • 1.改变主轴方向为垂直方向 改变主轴方向为垂直方向 fdflex-direction: column; 把主轴方向...
    小史_EWay阅读 1,066评论 0 1
  • 主轴方向 flex-direction 主轴默认是水平方向, 侧轴默认是垂直方向 修改主轴方向属性:flex-di...
    cheunggaryu阅读 1,079评论 0 0