移动web第四天

1.flex

flex-direction: column;

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

align-items: center    

设置测轴水平居中 aic

justify-content: space-evenly;

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

flex-wrap: wrap;

让弹性盒子换行显示 

align-content: space-evenly;

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

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

推荐阅读更多精彩内容

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